Javascript原型鏈及instanceof原理詳解
更新時間：2020年05月25日 10:45:36 作者：千年輪回
這篇文章主要介紹了Javascript原型鏈及instanceof原理詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
instanceof:用來判斷實例是否是屬于某個對象，這個判斷依據(jù)是什么呢？
首先，了解一下javascript中的原型繼承的基礎知識：
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)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
本文給大家介紹mvc提交表單的四種方法，分別是MVC HtmlHelper方法，傳統(tǒng)Form表單Aciton屬性提交，Jquery+Ajax 提交表單，MVC Controller控制器和表單參數(shù)傳遞，介紹的非常詳細，需要的朋友參考下2016-08-08
這篇文章主要介紹了12個提高JavaScript技能的概念(小結(jié))，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-05-05
深入淺出ES6新特性之函數(shù)默認參數(shù)和箭頭函數(shù)
這篇文章主要介紹了深入淺出ES6新特性之函數(shù)默認參數(shù)和箭頭函數(shù) 的相關(guān)資料,需要的朋友可以參考下2016-08-08
這篇文章主要介紹了JS雙擊變input框批量修改內(nèi)容的實現(xiàn)代碼,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-12-12
這篇文章主要介紹了Javascript實現(xiàn)div層漸隱效果的方法,涉及javascript操作頁面元素與樣式變化的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了js消除圖片小游戲代碼，代碼簡單易懂，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2019-12-12
stream.js 一個很小、完全獨立的Javascript類庫
stream.js 是一個很小、完全獨立的Javascript類庫，它為你提供了一個新的Javascript數(shù)據(jù)結(jié)構(gòu)：streams2011-10-10
JavaScript排序算法動畫演示效果的實現(xiàn)方法
下面小編就為大家?guī)硪黄狫avaScript排序算法動畫演示效果的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
異常捕獲相信對大家來說并不陌生,下面這篇文章主要給大家介紹了關(guān)于ES7中await如何優(yōu)雅的捕獲異常的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-12-12
這篇文章主要介紹了詳解小程序不同頁面之間通訊的解決方案，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11