javascript原型鏈

li21 發(fā)布于2019-08-21 10:35 / 3070人閱讀

摘要：實(shí)例解析引申所以在構(gòu)造函數(shù)原型對(duì)象沒(méi)有改寫(xiě)的情況下，我們可以通過(guò)屬性判斷某個(gè)實(shí)例的構(gòu)造函數(shù)是誰(shuí)。例例總結(jié)實(shí)例的屬性指向其構(gòu)造函數(shù)的屬性里的原型對(duì)象

__proto__屬性

__proto__：每個(gè)對(duì)象都有一個(gè)__proto__屬性,相當(dāng)于一個(gè)指針，可以指向某原型對(duì)象，并且引用其屬性及方法。(有些瀏覽器沒(méi)有)

var a = { 
x: 10, 
calculate: function (z) { 
return this.x + this.y + z 
} 
}; 
var b = { 
y: 20, 
__proto__: a 
}; 

var c = { 
y: 30, 
__proto__: a 
}; 
b.calculate(30); // 60

__proto__的默認(rèn)指向

它指向的是最高級(jí)的Object.prototype,而Object.prototype的__proto__為空

var d = {};
d.__proto__//Object {}
d.__proto__ === Object.prototype//true
Object.prototype.__proto__//null

prototype屬性 原理說(shuō)明

創(chuàng)建構(gòu)造函數(shù)foo時(shí),同時(shí)創(chuàng)建了一個(gè)原型對(duì)象foo {}并將其存儲(chǔ)于foo.prototype中(FunctionName.prototype相當(dāng)于一個(gè)原型對(duì)象),a是foo的一個(gè)實(shí)例可以通過(guò)a.__proto__訪問(wèn)到構(gòu)造函數(shù)foo的原型對(duì)象。同時(shí),此原型對(duì)象又有名為constructor的屬性,它反過(guò)來(lái)引用函數(shù)本身。

function foo(){}
var a = new foo()
a.__proto__//foo {}
a.__proto__ === foo.prototype//true
foo.prototype.constructor//function foo(){}

實(shí)例解析

function Foo(y){ 
this.y = y ; 
} 
Foo.prototype.x = 10; 
Foo.prototype.calculate = function(z){ 
return this.x+this.y+z; 
}; 
var b = new Foo(20); 
console.log(b.calculate(30));//60

引申

所以,在構(gòu)造函數(shù)原型對(duì)象沒(méi)有改寫(xiě)的情況下，我們可以通過(guò)constructor屬性判斷某個(gè)實(shí)例的構(gòu)造函數(shù)是誰(shuí)。

例1.function foo(){};
    var a = new foo();
    a.constructor//function foo(){}
例2.var b = {};
    b.constructor//function Object() { [native code] }
    Object.prototype//Object {}
    Object.prototype.constructor//function Object() { [native code] }

總結(jié)

實(shí)例的__proto__屬性指向其構(gòu)造函數(shù)的prototype屬性里的原型對(duì)象

云服務(wù)器 GPU云服務(wù)器原型原型鏈原型鏈 javascript原型原型鏈繼承

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/85798.html

相關(guān)文章

如何理解JavaScript的原型和原型鏈？

摘要：之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。理解原型鏈的小技巧將箭頭視作泛化子類(lèi)到父類(lèi)關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級(jí)，而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。這個(gè)問(wèn)題，在面試中，很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講，方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門(mén)直譯式腳本...

xuexiangjys 2019-08-02 16:12 評(píng)論0 收藏0
如何理解JavaScript的原型和原型鏈？

摘要：之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。理解原型鏈的小技巧將箭頭視作泛化子類(lèi)到父類(lèi)關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級(jí)，而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式，原型鏈的形成是真正是靠而非。之前有朋友問(wèn)怎么去理解原型和原型鏈的問(wèn)題。這個(gè)問(wèn)題，在面試中，很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講，方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門(mén)直譯式腳本...

adie 2019-08-23 16:54 評(píng)論0 收藏0
我所認(rèn)識(shí)的JavaScript作用域鏈和原型鏈

摘要：為了防止之后自己又開(kāi)始模糊，所以自己來(lái)總結(jié)一下中關(guān)于作用域鏈和原型鏈的知識(shí)，并將二者相比較看待進(jìn)一步加深理解。因此我們發(fā)現(xiàn)當(dāng)多個(gè)作用域相互嵌套的時(shí)候，就形成了作用域鏈。原型鏈原型說(shuō)完了作用域鏈，我們來(lái)講講原型鏈。　　畢業(yè)也整整一年了，看著很多學(xué)弟都畢業(yè)了，忽然心中頗有感慨，時(shí)間一去不復(fù)還呀。記得從去年這個(gè)時(shí)候接觸到JavaScript,從一開(kāi)始就很喜歡這門(mén)語(yǔ)言，當(dāng)時(shí)迷迷糊糊看完了《J...

Bmob 2019-08-20 17:36 評(píng)論0 收藏0
細(xì)說(shuō) Javascript 對(duì)象篇（二） : 原型對(duì)象

摘要：并沒(méi)有類(lèi)繼承模型，而是使用原型對(duì)象進(jìn)行原型式繼承。我們舉例說(shuō)明原型鏈查找機(jī)制當(dāng)訪問(wèn)一個(gè)對(duì)象的屬性時(shí)，會(huì)從對(duì)象本身開(kāi)始往上遍歷整個(gè)原型鏈，直到找到對(duì)應(yīng)屬性為止。原始類(lèi)型有以下五種型。此外，試圖查找一個(gè)不存在屬性時(shí)將會(huì)遍歷整個(gè)原型鏈。 Javascript 并沒(méi)有類(lèi)繼承模型，而是使用原型對(duì)象 prototype 進(jìn)行原型式繼承。盡管人們經(jīng)常將此看做是 Javascript 的一個(gè)缺點(diǎn)，然...

lansheng228 2019-08-19 14:40 評(píng)論0 收藏0
《javascript高級(jí)程序設(shè)計(jì)》筆記：原型圖解

摘要：不理解沒(méi)關(guān)系，下面會(huì)結(jié)合圖例分析上一篇高級(jí)程序設(shè)計(jì)筆記創(chuàng)建對(duì)象下一篇高級(jí)程序設(shè)計(jì)筆記繼承參考之原型鏈的解讀三張圖搞懂的原型對(duì)象與原型鏈繼承與原型鏈文章直接從原型圖解開(kāi)始的，如果對(duì)一些概念不太清除，可以結(jié)合后面幾節(jié)查看 1. 圖解原型鏈 1.1 鐵三角關(guān)系（重點(diǎn)） function Person() {}; var p = new Person(); showImg(https://s...

vspiders 2019-08-21 17:29 評(píng)論0 收藏0
JavaScript原型鏈以及Object，F(xiàn)unction之間的關(guān)系

摘要：由于一般所有的原型鏈最終都會(huì)指向頂端的，所以它們都是的。好了現(xiàn)在了，成了所有對(duì)象原型鏈的。 JavaScript里任何東西都是對(duì)象，任何一個(gè)對(duì)象內(nèi)部都有另一個(gè)對(duì)象叫__proto__，即原型，它可以包含任何東西讓對(duì)象繼承。當(dāng)然__proto__本身也是一個(gè)對(duì)象，它自己也有自己的__proto__，這樣一級(jí)一級(jí)向上，就構(gòu)成了一個(gè)__proto__鏈，即原型鏈。當(dāng)然原型鏈不會(huì)無(wú)限向上，它有...

zacklee 2019-08-21 18:20 評(píng)論0 收藏0