js prototype和__proto__的關系是什么
我們創(chuàng)建的每個函數(shù)都有一個prototype(原型)屬性,這個屬性是一個對象,它的用途是包含可以由特定類型的所有實例共享的屬性和方法。(這個對象下面有個屬性,這個屬性是另外一個對象的應用 ,這個屬性就是一個對象。)
function是對象,function的原型prototype也是對象,它們都會具有對象共有的特點。即:對象具有屬性__proto__,每個對象都會在其內(nèi)部初始化一個屬性,就是__proto__,當我們訪問一個對象的屬性 時,如果這個對象內(nèi)部不存在這個屬性,那么他就會去__proto__里找這個屬性,這個__proto__又會有自己的__proto__,于是就這樣 一直找下去,也就是我們平時所說的原型鏈的概念。__proto__可稱為隱式原型,一個對象的隱式原型指向構造該對象的構造函數(shù)的原型,這也保證了實例能夠訪問在構造函數(shù)原型中定義的屬性和方法。
funcition這個特殊的對象,除了和其他對象一樣有上述_proto_屬性之外,還有自己特有的屬性——原型屬性(prototype),這個屬性是一個指針,指向一個對象,這個對象的用途就是包含所有實例共享的屬性和方法(我們把這個對象叫做原型對象)。prototype是通過調(diào)用構造函數(shù)而創(chuàng)建的那個對象實例的原型對象。使用原型對象的好處是可以讓所有對象實例共享它所包含的屬性和方法,不必在構造函數(shù)中定義對象實例的信息,而是可以將這些信息直接添加到原型對象中。原型對象也有一個屬性,叫做constructor,這個屬性包含了一個指針,指回原構造函數(shù)。
ptototype和__proto__聯(lián)系
prototype和__proto__都指向原型對象,任意一個函數(shù)(包括構造函數(shù))都有一個prototype屬性,指向該函數(shù)的原型對象,同樣任意一個構造函數(shù)實例化的對象,都有一個__proto__屬性(__proto__并非標準屬性,ECMA-262第5版將該屬性或指針稱為[[Prototype]],可通過Object.getPrototypeOf()標準方法訪問該屬性),指向構造函數(shù)的原型對象。---sinのstone
ptototype和__proto__區(qū)別
//a作為構造函數(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)用時,它的構造函數(shù)是內(nèi)置對象Function,所以它指向的原型對象,就是Function.prototype.
//其實這個和console.log(b.__proto__ == a.prototype)是一樣的道理
//a作為構造函數(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對象默認有兩個屬性,constructor屬性和__proto__屬性。prototype屬性可以給函數(shù)和對象添加可共享(繼承)的方法、屬性,而__proto__是查找某函數(shù)或?qū)ο蟮脑玩湻绞?。constructor,這個屬性包含了一個指針,指回原構造函數(shù)。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
IE6瀏覽器中window.location.href無效的解決方法
這篇文章主要介紹了IE6瀏覽器中window.location.href無效的解決方法,給出了正確與錯誤的實例對比,分析跳轉(zhuǎn)無效的原因與解決方法,是非常實用的技巧,需要的朋友可以參考下2014-11-11
純JS實現(xiàn)的讀取excel文件內(nèi)容功能示例【支持所有瀏覽器】
這篇文章主要介紹了純JS實現(xiàn)的讀取excel文件內(nèi)容功能,結合實例形式分析了基于js相關插件進行Excel文件讀取的相關操作技巧,需要的朋友可以參考下2018-06-06
JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學運算功能示例
這篇文章主要介紹了JavaScript基于DOM操作實現(xiàn)簡單的數(shù)學運算功能,涉及javascript節(jié)點操作、元素遍歷及數(shù)學運算相關操作技巧,需要的朋友可以參考下2017-01-01
JS和jQuery使用submit方法無法提交表單的原因分析及解決辦法
這篇文章主要介紹了JS和jQuery使用submit方法無法提交表單的原因分析及解決辦法的相關資料,需要的朋友可以參考下2016-05-05

