摘要:即對象具有屬性,可稱為隱式原型,一個(gè)對象的隱式原型指向構(gòu)造該對象的構(gòu)造函數(shù)的原型,這也保證了實(shí)例能夠訪問在構(gòu)造函數(shù)原型中定義的屬性和方法。原型對象保存著實(shí)例共享的方法,有一個(gè)指針指回構(gòu)造函數(shù)。總結(jié)對象有屬性指向該對象的構(gòu)造函數(shù)的原型對象。
首先,要明確幾個(gè)點(diǎn):
方法(Function)是對象,方法的原型(Function.prototype)是對象。因此,它們都會(huì)具有對象共有的特點(diǎn)。即:對象具有屬性__proto__,可稱為隱式原型,一個(gè)對象的隱式原型指向構(gòu)造該對象的構(gòu)造函數(shù)的原型,這也保證了實(shí)例能夠訪問在構(gòu)造函數(shù)原型中定義的屬性和方法。
方法(Function)
方法這個(gè)特殊的對象,除了和其他對象一樣有上述_proto_屬性之外,還有自己特有的屬性——原型屬性(prototype),這個(gè)屬性是一個(gè)指針,指向一個(gè)對象,這個(gè)對象的用途就是包含所有實(shí)例共享的屬性和方法(我們把這個(gè)對象叫做原型對象)。原型對象也有一個(gè)屬性,叫做constructor,這個(gè)屬性包含了一個(gè)指針,指回原構(gòu)造函數(shù)。
好啦,知道了這兩個(gè)基本點(diǎn),我們來看看上面這副圖。
構(gòu)造函數(shù)Foo()構(gòu)造函數(shù)的原型屬性Foo.prototype指向了原型對象,在原型對象里有共有的方法,所有構(gòu)造函數(shù)聲明的實(shí)例(這里是f1,f2)都可以共享這個(gè)方法。
原型對象Foo.prototypeFoo.prototype保存著實(shí)例共享的方法,有一個(gè)指針constructor指回構(gòu)造函數(shù)。
實(shí)例f1和f2是Foo這個(gè)對象的兩個(gè)實(shí)例,這兩個(gè)對象也有屬性__proto__,指向構(gòu)造函數(shù)的原型對象,這樣子就可以像上面1所說的訪問原型對象的所有方法啦。
另外:構(gòu)造函數(shù)Foo()除了是方法,也是對象啊,它也有__proto__屬性,指向誰呢?指向它的構(gòu)造函數(shù)的原型對象唄。函數(shù)的構(gòu)造函數(shù)不就是Function嘛,因此這里的__proto__指向了Function.prototype。
其實(shí)除了Foo(),F(xiàn)unction(), Object()也是一樣的道理。
原型對象也是對象啊,它的__proto__屬性,又指向誰呢?
同理,指向它的構(gòu)造函數(shù)的原型對象唄。這里是Object.prototype.
最后,Object.prototype的__proto__屬性指向null。
對象有屬性__proto__,指向該對象的構(gòu)造函數(shù)的原型對象。
方法除了有屬性__proto__,還有屬性prototype,prototype指向該方法的原型對象。
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://specialneedsforspecialkids.com/yun/93268.html
摘要:之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級,而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式,原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個(gè)問題,在面試中,很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講,方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門直譯式腳本...
摘要:之前有朋友問怎么去理解原型和原型鏈的問題。理解原型鏈的小技巧將箭頭視作泛化子類到父類關(guān)系那么圖中所有的虛線將構(gòu)成一個(gè)繼承層級,而實(shí)線表示屬性引用。原型鏈?zhǔn)菍?shí)現(xiàn)繼承的重要方式,原型鏈的形成是真正是靠而非。 之前有朋友問怎么去理解原型和原型鏈的問題。這個(gè)問題,在面試中,很多同學(xué)經(jīng)常都會(huì)遇到。這里給大家講講,方便大家記憶。 JavaScript的特點(diǎn)JavaScript是一門直譯式腳本...
摘要:為了防止之后自己又開始模糊,所以自己來總結(jié)一下中關(guān)于作用域鏈和原型鏈的知識(shí),并將二者相比較看待進(jìn)一步加深理解。因此我們發(fā)現(xiàn)當(dāng)多個(gè)作用域相互嵌套的時(shí)候,就形成了作用域鏈。原型鏈原型說完了作用域鏈,我們來講講原型鏈。 畢業(yè)也整整一年了,看著很多學(xué)弟都畢業(yè)了,忽然心中頗有感慨,時(shí)間一去不復(fù)還呀。記得從去年這個(gè)時(shí)候接觸到JavaScript,從一開始就很喜歡這門語言,當(dāng)時(shí)迷迷糊糊看完了《J...
摘要:并沒有類繼承模型,而是使用原型對象進(jìn)行原型式繼承。我們舉例說明原型鏈查找機(jī)制當(dāng)訪問一個(gè)對象的屬性時(shí),會(huì)從對象本身開始往上遍歷整個(gè)原型鏈,直到找到對應(yīng)屬性為止。原始類型有以下五種型。此外,試圖查找一個(gè)不存在屬性時(shí)將會(huì)遍歷整個(gè)原型鏈。 Javascript 并沒有類繼承模型,而是使用原型對象 prototype 進(jìn)行原型式繼承。 盡管人們經(jīng)常將此看做是 Javascript 的一個(gè)缺點(diǎn),然...
摘要:不理解沒關(guān)系,下面會(huì)結(jié)合圖例分析上一篇高級程序設(shè)計(jì)筆記創(chuàng)建對象下一篇高級程序設(shè)計(jì)筆記繼承參考之原型鏈的解讀三張圖搞懂的原型對象與原型鏈繼承與原型鏈 文章直接從原型圖解開始的,如果對一些概念不太清除,可以結(jié)合后面幾節(jié)查看 1. 圖解原型鏈 1.1 鐵三角關(guān)系(重點(diǎn)) function Person() {}; var p = new Person(); showImg(https://s...
摘要:由于一般所有的原型鏈最終都會(huì)指向頂端的,所以它們都是的。好了現(xiàn)在了,成了所有對象原型鏈的。 JavaScript里任何東西都是對象,任何一個(gè)對象內(nèi)部都有另一個(gè)對象叫__proto__,即原型,它可以包含任何東西讓對象繼承。當(dāng)然__proto__本身也是一個(gè)對象,它自己也有自己的__proto__,這樣一級一級向上,就構(gòu)成了一個(gè)__proto__鏈,即原型鏈。當(dāng)然原型鏈不會(huì)無限向上,它有...
閱讀 2612·2021-11-16 11:40
閱讀 3409·2021-11-08 13:26
閱讀 871·2021-10-28 09:32
閱讀 3530·2021-09-13 10:26
閱讀 803·2019-08-30 15:55
閱讀 777·2019-08-30 15:44
閱讀 1908·2019-08-30 15:44
閱讀 1756·2019-08-30 13:48