淺談JS的原型和原型鏈
1.原型prototype
javascript中所有函數(shù)都具有這個(gè)屬性，所有具有prototype屬性的對(duì)象都是一個(gè)函數(shù)。prototype的作用是向?qū)ο筇砑右粋€(gè)方法/屬性。
function persion(){}
persion.prototype.name = "xiaoming"
console.log(persion.prototype)//{name: "xiaoming", constructor: ƒ}
2.原型指針：__proto__
如果將上面persion函數(shù)生成一個(gè)實(shí)例對(duì)象Persion1，用prototype為他添加一個(gè)屬性寫法如下：
function persion(){}
persion.prototype.name = "xiaoming"
let Persion1 = new persion();
console.log(Persion1) //控制臺(tái)結(jié)果如下
打印實(shí)例Persion1的結(jié)果如下:
從上面打印的結(jié)果來看，Persion1.__proto__.name = persion.prototype.name,也就是實(shí)例對(duì)象的__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方法
控制臺(tái)打印結(jié)果如下，這樣就印證原型鏈逐級(jí)查找的特性。
總結(jié)
任何對(duì)象都可以通過原型鏈,也就是__proto__屬性，逐級(jí)查找，最終的重點(diǎn)都是Object，必經(jīng)之路是function。他們的關(guān)系像是用一條鏈子串起來一樣，我們把這種關(guān)系叫做原型鏈。
以上就是淺談JS的原型和原型鏈的詳細(xì)內(nèi)容，更多關(guān)于JS的原型和原型鏈的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
js實(shí)現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法
這篇文章主要介紹了js實(shí)現(xiàn)鼠標(biāo)感應(yīng)圖片展示的方法,實(shí)例分析了javascript鼠標(biāo)事件及樣式的操作技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
JS動(dòng)畫效果打開、關(guān)閉層的實(shí)現(xiàn)方法
這篇文章主要介紹了JS動(dòng)畫效果打開、關(guān)閉層的實(shí)現(xiàn)方法,可實(shí)現(xiàn)js控制層從中心位置打開與關(guān)閉的功能,涉及javascript操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要為大家詳細(xì)介紹了H5 js點(diǎn)擊按鈕復(fù)制文本到粘貼板，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-11-11
如何使用Javascript正則表達(dá)式來格式化XML內(nèi)容
本篇文章是對(duì)使用Javascript正則表達(dá)式來格式化XML內(nèi)容的方法進(jìn)行了詳細(xì)的分析介紹，需要的朋友可以參考下2013-07-07
純JavaScript基于notie.js插件實(shí)現(xiàn)消息提示特效
這篇文章主要介紹了純JavaScript基于notie.js插件實(shí)現(xiàn)消息提示特效，可以制作Alert提示框，確認(rèn)框和帶輸入的消息框，感興趣的小伙伴們可以參考一下2016-01-01
異步動(dòng)態(tài)加載JS并運(yùn)行(示例代碼)
這篇文章主要是對(duì)異步動(dòng)態(tài)加載JS并運(yùn)行的示例代碼進(jìn)行了介紹。需要的朋友可以過來參考下，希望對(duì)大家有所幫助2013-12-12
這篇文章主要介紹了ElementUI中Tree組件使用案例講解,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
父節(jié)點(diǎn)獲取子節(jié)點(diǎn)的字符串示例代碼
這篇文章主要介紹了父節(jié)點(diǎn)獲取子節(jié)點(diǎn)的字符串的方法,需要的朋友可以參考下2014-02-02
簡(jiǎn)易的JS計(jì)算器實(shí)現(xiàn)代碼
這篇文章主要為大家詳細(xì)介紹了JS簡(jiǎn)易的計(jì)算器實(shí)現(xiàn)代碼,，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)錄音Record功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05