理解js中__proto__和prototype的區別和關係

來源:互聯網
上載者:User

標籤:img   type   str   包含   技術分享   ges   自己   定義   com   


首先,要明確幾個點:
1.在JS裡,萬物皆對象。方法(Function)是對象,方法的原型(Function.prototype)是對象。因此,它們都會具有對象共有的特點。
即:對象具有屬性__proto__,可稱為隱式原型,一個對象的隱式原型指向構造該對象的建構函式的原型,這也保證了執行個體能夠訪問在建構函式原型中定義的屬性和方法。

2.方法(Function)
方法這個特殊的對象,除了和其他對象一樣有上述_proto_屬性之外,還有自己特有的屬性——原型屬性(prototype),這個屬性是一個指標,指向一個對象,這個對象的用途就是包含所有執行個體共用的屬性和方法(我們把這個對象叫做原型對象)。原型對象也有一個屬性,叫做constructor,這個屬性包含了一個指標,指回原建構函式。

好啦,知道了這兩個基本點,我們來看看上面這副圖。
1.建構函式Foo()
建構函式的原型屬性Foo.prototype指向了原型對象,在原型對象裡有共有的方法,所有建構函式聲明的執行個體(這裡是f1,f2)都可以共用這個方法。

2.原型對象Foo.prototype
Foo.prototype儲存著執行個體共用的方法,有一個指標constructor指回建構函式。

3.執行個體
f1和f2是Foo這個對象的兩個執行個體,這兩個對象也有屬性__proto__,指向建構函式的原型對象,這樣子就可以像上面1所說的訪問原型對象的所有方法啦。

另外:
建構函式Foo()除了是方法,也是對象啊,它也有__proto__屬性,指向誰呢?
指向它的建構函式的原型對象唄。函數的建構函式不就是Function嘛,因此這裡的__proto__指向了Function.prototype。
其實除了Foo(),Function(), Object()也是一樣的道理。

原型對象也是對象啊,它的__proto__屬性,又指向誰呢?
同理,指向它的建構函式的原型對象唄。這裡是Object.prototype.

最後,Object.prototype的__proto__屬性指向null。


總結:
1.對象有屬性__proto__,指向該對象的建構函式的原型對象。
2.方法除了有屬性__proto__,還有屬性prototype,prototype指向該方法的原型對象。

理解js中__proto__和prototype的區別和關係

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.