淺談JS的原型和原型鏈
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é)果來(lái)看,Persion1.__proto__.name = persion.prototype.name,也就是實(shí)例對(duì)象的__proto__屬性等于其構(gòu)造函數(shù)的prototype。
理解了上面之后,原型鏈就很好理解了,我們可以通過(guò)Persion1.__proto__.__proto__直接查找到Object的方法。這么說(shuō)可能不太直觀,上代碼:
function persion(){}persion.prototype.name = 'xiaoming'let Persion1 = new persion();console.log(Persion1.__proto__.__proto__.toString) //通過(guò)原型鏈查找到的Object的toString方法console.log(Object.prototype.toString)//Object上的toString方法
控制臺(tái)打印結(jié)果如下,這樣就印證原型鏈逐級(jí)查找的特性。
任何對(duì)象都可以通過(guò)原型鏈,也就是__proto__屬性,逐級(jí)查找,最終的重點(diǎn)都是Object,必經(jīng)之路是function。他們的關(guān)系像是用一條鏈子串起來(lái)一樣,我們把這種關(guān)系叫做原型鏈。
以上就是淺談JS的原型和原型鏈的詳細(xì)內(nèi)容,更多關(guān)于JS的原型和原型鏈的資料請(qǐng)關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. 輕松學(xué)習(xí)XML教程2. xpath簡(jiǎn)介_(kāi)動(dòng)力節(jié)點(diǎn)Java學(xué)院整理3. css代碼優(yōu)化的12個(gè)技巧4. msxml3.dll 錯(cuò)誤 800c0019 系統(tǒng)錯(cuò)誤:-2146697191解決方法5. jsp EL表達(dá)式詳解6. jsp cookie+session實(shí)現(xiàn)簡(jiǎn)易自動(dòng)登錄7. .NET SkiaSharp 生成二維碼驗(yàn)證碼及指定區(qū)域截取方法實(shí)現(xiàn)8. jsp+servlet簡(jiǎn)單實(shí)現(xiàn)上傳文件功能(保存目錄改進(jìn))9. 解析原生JS getComputedStyle10. jsp實(shí)現(xiàn)登錄驗(yàn)證的過(guò)濾器
