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