javascript原型鏈

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

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

__proto__屬性

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

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)指向

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

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

prototype屬性 原理說明

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

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

實例解析

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ù)原型對象沒有改寫的情況下，我們可以通過constructor屬性判斷某個實例的構(gòu)造函數(shù)是誰。

例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é)

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

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

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

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/85798.html

相關(guān)文章

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

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

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

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

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

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

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

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

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

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

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

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

zacklee 2019-08-21 18:20 評論0 收藏0