成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

淺談javascript的原型及原型鏈

includecmath / 3202人閱讀

摘要：在中，主要有兩種創(chuàng)建對象的方法分別是對象字面量以及調(diào)用構(gòu)造函數(shù)對象字面量調(diào)用構(gòu)造函數(shù)其實上述兩種創(chuàng)建對象的方法，本質(zhì)上是一樣的，都是引擎調(diào)用對象的構(gòu)造函數(shù)來新建出一個對象。

原型與原型鏈?zhǔn)莏avascript里面最最核心的內(nèi)容，如果不能理解它們之間的存在關(guān)系的話，那么我們是不能理解這門語言的。

在JS中，主要有兩種創(chuàng)建對象的方法, 分別是對象字面量以及調(diào)用構(gòu)造函數(shù)

//對象字面量
var obj1 = {}

//調(diào)用構(gòu)造函數(shù)
var obj2 = new Object()

其實上述兩種創(chuàng)建對象的方法，本質(zhì)上是一樣的，都是JS引擎調(diào)用對象的構(gòu)造函數(shù)來新建出一個對象。構(gòu)造函數(shù)本身也是一個普通的JS函數(shù)

下面我們來看一個例子

//創(chuàng)建構(gòu)造函數(shù)
function Person(name){
    this.name = name
}

//每個構(gòu)造函數(shù)JS引擎都會自動添加一個prototype屬性，我們稱之為原型，這是一個對象
//每個由構(gòu)造函數(shù)創(chuàng)建的對象都會共享prototype上面的屬性與方法
console.log(typeof Person.prototype) // "object"


//我們?yōu)镻erson.prototype添加sayName方法
Person.prototype.sayName = function(){
    console.log(this.name)
}

//創(chuàng)建實例
var person1 = new Person("Messi")
var person2 = new Person("Suarez")

person1.sayName() // "Messi"
person2.sayName() // "Suarez"

person1.sayName === person2.sayName //true

我們借助上面的例子來理解構(gòu)造函數(shù)-原型-實例，三者之間的關(guān)系，主要有幾個基本概念

構(gòu)造函數(shù)默認會有一個protoype屬性指向它的原型

構(gòu)造函數(shù)的原型會有一個consctructor的屬性指向構(gòu)造函數(shù)本身, 即

    Person.prototype.constructor === Person

每一個new出來的實例都有一個隱式的__proto__屬性，指向它們的構(gòu)造函數(shù)的原型，即

person1.__proto__ === Person.prototype
person1.__proto__.constructor === Person

了解了這些基本概念之后，我們再來看看javascript的一些原生構(gòu)造函數(shù)的關(guān)系網(wǎng)，看下列的圖


引自stackoverflow

按照我們上面的理解, Oject本身是一個構(gòu)造函數(shù)，它也是一個對象，那么

    Object.__proto__ === Function.prototype

為了方便我們記住上圖，還有幾個需要我們知道的特殊概念：

Function的原型屬性與Function的原型指向同一個對象. 即

    Function.__proto__ == Function.prototype

Object.prototype.__proto__ === null

typeof Function.prototype === "function"

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/81516.html

相關(guān)文章

  • 淺談 JavaScript 原型鏈

    摘要：數(shù)組的構(gòu)造函數(shù)是原型鏈的指向與其他除以外的構(gòu)造函數(shù)相同，的也指向頂級原型對象，每一個數(shù)組都是的實例，都指向。實例對象查找構(gòu)造函數(shù)原型對象的方法一般會把對象共有的屬性和方法都放在構(gòu)造函數(shù)的原型對象上。 showImg(https://segmentfault.com/img/remote/1460000018998704?w=900&h=506); 閱讀原文 概述 在 JavaScr...

    explorer_ddf 評論0 收藏0

  • 淺談JavaScript原型與原型鏈

    摘要：在講原型之前，先簡單介紹一下幾個概念構(gòu)造函數(shù)例如上述代碼創(chuàng)建的函數(shù)就被稱為構(gòu)造函數(shù)。同一個構(gòu)造函數(shù)實例化得到的多個對象具有相同的原型對象，所以經(jīng)常使用原型對象來實現(xiàn)繼承。實例對象通過操作構(gòu)造函數(shù)所創(chuàng)建的對象是實例對象。 對于很多前端開發(fā)者而言，JavaScript的原型實在是很讓人頭疼，所以我這邊就整理了一下自己對應(yīng)原型的一點理解，分享給大家，供交流使用 原型 說起原型，那就不得不說p...

    Zoom 評論0 收藏0

  • 淺談JavaScript原型與原型鏈

    摘要：在講原型之前，先簡單介紹一下幾個概念構(gòu)造函數(shù)例如上述代碼創(chuàng)建的函數(shù)就被稱為構(gòu)造函數(shù)。同一個構(gòu)造函數(shù)實例化得到的多個對象具有相同的原型對象，所以經(jīng)常使用原型對象來實現(xiàn)繼承。實例對象通過操作構(gòu)造函數(shù)所創(chuàng)建的對象是實例對象。 對于很多前端開發(fā)者而言，JavaScript的原型實在是很讓人頭疼，所以我這邊就整理了一下自己對應(yīng)原型的一點理解，分享給大家，供交流使用 原型 說起原型，那就不得不說p...

    Yang_River 評論0 收藏0

  • 淺談JavaScript原型鏈

    摘要：在這其中我們就逃不開要討論繼承原型對象構(gòu)造函數(shù)實例了。想要獲得某一類型的構(gòu)造函數(shù)可以用來獲得，也可以對該屬性進行賦值操作。三上面就提到一點是指構(gòu)造函數(shù)的原型對象，它是一個對象，它是構(gòu)造函數(shù)的屬性。 原型鏈這一個話題，需要和很多概念一起講，才能串成一個比較系統(tǒng)的知識點。在這其中我們就逃不開要討論繼承、原型對象、構(gòu)造函數(shù)、實例了。 一、構(gòu)造函數(shù) 構(gòu)造函數(shù)是一類特殊的函數(shù)，它的作用是用來生成...

    xumenger 評論0 收藏0

發(fā)表評論

0條評論

includecmath

男|高級講師

TA的文章

閱讀更多
最新活動
閱讀需要支付1元查看
<