淺談JS的原型和原型鏈
更新時間：2021年06月04日 10:54:42 作者：熊貓程序員
在原型鏈中，Object是頂級公民，function是一級公民，其他的是二級公民，先記住這句話，下面我們來講解一下為什么這么說。
1.原型prototype
javascript中所有函數(shù)都具有這個屬性，所有具有prototype屬性的對象都是一個函數(shù)。prototype的作用是向?qū)ο筇砑右粋€方法/屬性。
function persion(){}
persion.prototype.name = "xiaoming"
console.log(persion.prototype)//{name: "xiaoming", constructor: ƒ}
2.原型指針：__proto__
如果將上面persion函數(shù)生成一個實例對象Persion1，用prototype為他添加一個屬性寫法如下：
function persion(){}
persion.prototype.name = "xiaoming"
let Persion1 = new persion();
console.log(Persion1) //控制臺結果如下
打印實例Persion1的結果如下:
從上面打印的結果來看，Persion1.__proto__.name = persion.prototype.name,也就是實例對象的__proto__屬性等于其構造函數(shù)的prototype。
理解了上面之后，原型鏈就很好理解了，我們可以通過Persion1.__proto__.__proto__直接查找到Object的方法。這么說可能不太直觀，上代碼：
function persion(){}
persion.prototype.name = "xiaoming"
let Persion1 = new persion();
console.log(Persion1.__proto__.__proto__.toString) //通過原型鏈查找到的Object的toString方法
console.log(Object.prototype.toString)//Object上的toString方法
控制臺打印結果如下，這樣就印證原型鏈逐級查找的特性。
總結
任何對象都可以通過原型鏈,也就是__proto__屬性，逐級查找，最終的重點都是Object，必經(jīng)之路是function。他們的關系像是用一條鏈子串起來一樣，我們把這種關系叫做原型鏈。
以上就是淺談JS的原型和原型鏈的詳細內(nèi)容，更多關于JS的原型和原型鏈的資料請關注腳本之家其它相關文章！
相關文章
本篇文章主要介紹了Webpack打包字體font-awesome的方法示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-04-04
JS實現(xiàn)分頁在網(wǎng)上可以搜到很多的相關文章，在本文也要為大家介紹下具體的實現(xiàn)，感興趣的朋友不要錯過2013-10-10
下面小編就為大家?guī)硪黄⑿臞S SDK接入的幾點注意事項(必看篇)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-06-06
這篇文章主要為大家介紹了純JS實現(xiàn)的輕量化圖片編輯器實例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
雖然JavaScript有很多的編程方法，但這里只挑選了10個技巧，這些技巧對初學者理解JavaScript來說是很好的的起點。2010-09-09
js jquery ajax的幾種用法總結(及優(yōu)缺點介紹)
本篇文章只要介紹了js jquery ajax的幾種用法總結(及優(yōu)缺點介紹)，需要的朋友可以過來參考下，希望對大家有所幫助2014-01-01
這篇文章主要介紹了JavaScript輸入郵箱自動提示實例代碼，有需要的朋友可以參考一下2014-01-01
這篇文章主要介紹了javascript 高級語法之繼承的基本使用方法,結合實例形式分析了JavaScript繼承的基本使用方法與操作注意事項,需要的朋友可以參考下2019-11-11
easywasmplayer實現(xiàn)視頻流播放示例詳解
這篇文章主要為大家介紹了easywasmplayer實現(xiàn)視頻流播放示例詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-09-09
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)星星評分效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11