Javascript原型鏈及instanceof原理詳解
instanceof:用來判斷實例是否是屬于某個對象,這個判斷依據(jù)是什么呢?
首先,了解一下javascript中的原型繼承的基礎(chǔ)知識:
javascript中的對象都有一個__proto__屬性,這個是對象的隱式原型,指向該對象的父對象的原型(prototype)。顯式的原型對象使用prototype,但是Object.prototype.proto=null;
判斷某個對象a是否屬于某個類A的實例,可以通過搜索原型鏈。
實例對象屬性查找順序是:實例對象內(nèi)部---->構(gòu)造函數(shù)原型鏈---->實例對象父對象的原型鏈。
//繼承機制 function A(){ } A.prototype.name=’licui’; function B(){ } B.prototype = new A(); var a = new A(); var b = new B(); //b.name = ’hello’; console.log(’A:’,A); console.log(’B:’,B); console.log(’a:’,a); console.log(’b:’,b); console.log(’A.prototype’,A.prototype); console.log(’B.prototype’,B.prototype); console.log(’a._proto_’,a.__proto__); console.log(’b._proto_’,b.__proto__); console.log(’a instanceof A:’,a instanceof A); console.log(’a instanceof Object:’,a instanceof Object); console.log(’b instanceof B:’,b instanceof B); console.log(’b instanceof A:’,b instanceof A); console.log(’b instanceof Object:’,b instanceof Object);
執(zhí)行結(jié)果
constructor:是原型prototype上的屬性,實例上不具有該屬性。
以上就是本文的全部內(nèi)容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網(wǎng)。
相關(guān)文章:
1. Ajax常用封裝庫——Axios的使用2. jsp網(wǎng)頁實現(xiàn)貪吃蛇小游戲3. CSS Hack大全-教你如何區(qū)分出IE6-IE10、FireFox、Chrome、Opera4. jsp+servlet簡單實現(xiàn)上傳文件功能(保存目錄改進)5. 微信小程序授權(quán)登錄的最新實現(xiàn)方案詳解(2023年)6. 使用Blazor框架實現(xiàn)在前端瀏覽器中導入和導出Excel7. Python中selenium庫的用法詳解8. Java向數(shù)據(jù)庫插入中文出現(xiàn)亂碼解決方案9. 使用Python第三方庫pygame寫個貪吃蛇小游戲10. 在服務器端的XSLT過程中的編碼問題
