Javascript原型鏈及instanceof原理的詳細(xì)解析

發(fā)布時間：2020-07-22 11:09:49 來源：億速云閱讀：166 作者：小豬欄目：web開發(fā)

這篇文章主要講解了Javascript原型鏈及instanceof原理的詳細(xì)解析，內(nèi)容清晰明了，對此有興趣的小伙伴可以學(xué)習(xí)一下，相信大家閱讀完之后會有幫助。

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é)果

Javascript原型鏈及instanceof原理的詳細(xì)解析

constructor:是原型prototype上的屬性，實例上不具有該屬性。

Javascript原型鏈及instanceof原理的詳細(xì)解析

看完上述內(nèi)容，是不是對Javascript原型鏈及instanceof原理的詳細(xì)解析有進一步的了解，如果還想學(xué)習(xí)更多內(nèi)容，歡迎關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細(xì)節(jié)

Javascript原型鏈及instanceof原理的詳細(xì)解析

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽