淺談JS的原型和原型鏈
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) //控制臺結(jié)果如下
打印實例Persion1的結(jié)果如下:
從上面打印的結(jié)果來看,Persion1.__proto__.name = persion.prototype.name,也就是實例對象的__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é)果如下,這樣就印證原型鏈逐級查找的特性。
任何對象都可以通過原型鏈,也就是__proto__屬性,逐級查找,最終的重點都是Object,必經(jīng)之路是function。他們的關(guān)系像是用一條鏈子串起來一樣,我們把這種關(guān)系叫做原型鏈。
以上就是淺談JS的原型和原型鏈的詳細內(nèi)容,更多關(guān)于JS的原型和原型鏈的資料請關(guān)注好吧啦網(wǎng)其它相關(guān)文章!
相關(guān)文章:
1. 基于PHP做個圖片防盜鏈2. ASP.NET MVC把數(shù)據(jù)庫中枚舉項的數(shù)字轉(zhuǎn)換成文字3. asp.net core 認證和授權(quán)實例詳解4. XML在語音合成中的應(yīng)用5. .NET中實現(xiàn)對象數(shù)據(jù)映射示例詳解6. 基于javaweb+jsp實現(xiàn)企業(yè)車輛管理系統(tǒng)7. ASP.NET MVC使用Boostrap實現(xiàn)產(chǎn)品展示、查詢、排序、分頁8. 如何使用ASP.NET Core 配置文件9. jscript與vbscript 操作XML元素屬性的代碼10. php使用正則驗證密碼字段的復(fù)雜強度原理詳細講解 原創(chuàng)
