js prototype和__proto__的關(guān)系是什么
我們創(chuàng)建的每個函數(shù)都有一個prototype(原型)屬性,這個屬性是一個對象,它的用途是包含可以由特定類型的所有實(shí)例共享的屬性和方法。(這個對象下面有個屬性,這個屬性是另外一個對象的應(yīng)用 ,這個屬性就是一個對象。)
function是對象,function的原型prototype也是對象,它們都會具有對象共有的特點(diǎn)。即:對象具有屬性__proto__,每個對象都會在其內(nèi)部初始化一個屬性,就是__proto__,當(dāng)我們訪問一個對象的屬性 時,如果這個對象內(nèi)部不存在這個屬性,那么他就會去__proto__里找這個屬性,這個__proto__又會有自己的__proto__,于是就這樣 一直找下去,也就是我們平時所說的原型鏈的概念。__proto__可稱為隱式原型,一個對象的隱式原型指向構(gòu)造該對象的構(gòu)造函數(shù)的原型,這也保證了實(shí)例能夠訪問在構(gòu)造函數(shù)原型中定義的屬性和方法。
funcition這個特殊的對象,除了和其他對象一樣有上述_proto_屬性之外,還有自己特有的屬性——原型屬性(prototype),這個屬性是一個指針,指向一個對象,這個對象的用途就是包含所有實(shí)例共享的屬性和方法(我們把這個對象叫做原型對象)。prototype是通過調(diào)用構(gòu)造函數(shù)而創(chuàng)建的那個對象實(shí)例的原型對象。使用原型對象的好處是可以讓所有對象實(shí)例共享它所包含的屬性和方法,不必在構(gòu)造函數(shù)中定義對象實(shí)例的信息,而是可以將這些信息直接添加到原型對象中。原型對象也有一個屬性,叫做constructor,這個屬性包含了一個指針,指回原構(gòu)造函數(shù)。
ptototype和__proto__聯(lián)系
prototype和__proto__都指向原型對象,任意一個函數(shù)(包括構(gòu)造函數(shù))都有一個prototype屬性,指向該函數(shù)的原型對象,同樣任意一個構(gòu)造函數(shù)實(shí)例化的對象,都有一個__proto__屬性(__proto__并非標(biāo)準(zhǔn)屬性,ECMA-262第5版將該屬性或指針稱為[[Prototype]],可通過Object.getPrototypeOf()標(biāo)準(zhǔn)方法訪問該屬性),指向構(gòu)造函數(shù)的原型對象。---sinのstone
ptototype和__proto__區(qū)別
//a作為構(gòu)造函數(shù)時的prototype屬性與a作為普通函數(shù)時的__proto__屬性并不相等
console.log(a.prototype == a.__proto__);//false
console.log(a.__proto__); //function (){}
console.log(a.__proto__ == Function.prototype);//true
//a作為一個普通函數(shù)調(diào)用時,它的構(gòu)造函數(shù)是內(nèi)置對象Function,所以它指向的原型對象,就是Function.prototype.
//其實(shí)這個和console.log(b.__proto__ == a.prototype)是一樣的道理
//a作為構(gòu)造函數(shù)時,它的原型,和它的原型的原型
console.log(a.prototype); //a{}
console.log(a.prototype.__proto__); //Object{}
//a作為普通函數(shù)時,它原型的原型
console.log(a.__proto__.__proto__); //Object{}
console.log(a.__proto__.__proto__ == a.prototype.__proto__); //true
所有對象都有__proto__屬性,函數(shù)這個特殊對象除了具有__proto__屬性,還有特有的原型屬性prototype。prototype對象默認(rèn)有兩個屬性,constructor屬性和__proto__屬性。prototype屬性可以給函數(shù)和對象添加可共享(繼承)的方法、屬性,而__proto__是查找某函數(shù)或?qū)ο蟮脑玩湻绞?。constructor,這個屬性包含了一個指針,指回原構(gòu)造函數(shù)。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)多選框功能的實(shí)例代碼
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)多選框功能及效果,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2020-06-06
使用JavaScript為一張圖片設(shè)置備選路徑的方法
在做網(wǎng)頁開發(fā)的時候,有時候希望給圖片設(shè)置一個備選路徑,即,當(dāng)src屬性對應(yīng)的主路徑加載失敗的時候,圖片可以馬上切換到備選路徑,怎么實(shí)現(xiàn)呢?下面通過本文給大家分享JavaScript為一張圖片設(shè)置備選路徑的方法,一起看看吧2017-01-01
前端實(shí)現(xiàn)文件的斷點(diǎn)續(xù)傳(前端文件提交+后端PHP文件接收)
本文通過斷點(diǎn)續(xù)傳的簡單例子(前端文件提交+后端PHP文件接收),本文以圖片為實(shí)例給大家介紹的非常詳細(xì),具有一定的參考借鑒價值,感興趣的朋友一起看看吧2016-11-11
tablesorter.js表格排序使用方法(支持中文排序)
這篇文章主要為大家詳細(xì)介紹了tablesorter.js表格排序使用方法,支持中文排序,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02
JavaScript實(shí)現(xiàn)前端飛機(jī)大戰(zhàn)小游戲
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)前端飛機(jī)大戰(zhàn)小游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-05-05
createTextRange()的使用示例含文本框選中部分文字內(nèi)容
這篇文章主要介紹了createTextRange()的使用示例,需要的朋友可以參考下2014-02-02
JavaScript監(jiān)測ActiveX控件是否已經(jīng)安裝過的代碼
這是通用的方法,只需要把唯一的Activex的clsid和任意一個屬性或方法名傳進(jìn)來就可以判斷了。(找了兩個小時才找到 -_-!)2008-09-09
HTML中用JS實(shí)現(xiàn)旋轉(zhuǎn)的圣誕樹
這篇文章介紹了HTML中用JS實(shí)現(xiàn)旋轉(zhuǎn)的圣誕樹,文中通過示例代碼介紹的非常詳細(xì)。對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-12-12
IE8提示Invalid procedure call or argument 異常的解決方法
某臺機(jī)器上,訪問公司的好幾個產(chǎn)品網(wǎng)站,都拋出很多 Invalid procedure call or argument ,跟進(jìn)了下,情況最后簡化為2012-09-09

