Instanceof的作用

Instanceof是判斷一個實例是否是其父類或者祖先類型的實例的方法。原理就是Instanceof會接受兩個參數(shù)，在查找的過程中會先遍歷左邊變量的原型鏈，直到找到右邊變量的prototype；如果查找失敗，則會返回false。

手寫Instanceof

let myInstanceof = (target, origin) => {
    while(target){
        if(target._proto_ = origin.prototype){
            return true
        }
        target = target._proto_
    }
    return false
}
let arr = [1, 2, 3];
console.log(myInstanceof(arr, Array)) //true;
console.log(myInstanceof(arr, Object)) //true;

什么是原型

除null以外的所有js對象在創(chuàng)建時,都會關(guān)聯(lián)另一個對象，這個被關(guān)聯(lián)的對象就是我們常說的原型，每一個對象都會從關(guān)聯(lián)的對象中繼承屬性，例如：

//構(gòu)造函數(shù)
function Person(age){
    this.age = age
}
Person.prototype.name = '張三'
var person = new Person()
console.log(person.name)//張三

當通過構(gòu)造函數(shù)創(chuàng)建實例后，如果從實例上尋找某個屬性值，如果屬性值就存在于這個實例上，則會直接輸出，否則就會從他的原型對象中去找。

• prototype: 每個構(gòu)造函數(shù)都有一個prototype屬性，這個屬性指向函數(shù)的原型對象。
• __ proto__: 每個對象（除了null）都會有的屬性，這個屬性指向?qū)ο蟮脑汀?/li>
• constructor: 每個原型都有一個constructor屬性，指向關(guān)聯(lián)的構(gòu)造函數(shù)。

下面我們用一組輸出來驗證這些信息：

console.log(Person===Person.prototype.constructor) // true
console.log(person.__proto__ == Person.prototype) // true
console.log(person.__proto__.constructor == Person) // true
console.log(person.constructor == Person) // true

解釋一下為什么person.constructor == Person，前面我們說過，實例上的屬性如果不存在，則會從他的原型對象上找。person.constructor == Person其實就相當于person.__ proto__.constructor == Person。

原型的應用場景

function Person(name, age) {
    this.name = name
    this.age = age
    this.sayHello = function () {
      console.log("hello，" + this.name);
  }
}

當我們每次通過構(gòu)造函數(shù)創(chuàng)建實例時，都會創(chuàng)建新的新的sayHello方法，如果創(chuàng)建的實例過多，就會造成性能浪費。此時如果將sayHello掛載到構(gòu)造函數(shù)的prototype上，此時新創(chuàng)建的實例都可以訪問到這個方法了。

function Person(name, age) {
  this.name = name;
  this.age = age;
}
Person.prototype.sayHello = function () {
  console.log("hello，" + this.name);
};
const person = new Person();
person.name = "張三";
person.sayHello()//hello，張三;

什么是原型鏈

要解釋這個問題，我們首先要理解好構(gòu)造函數(shù)，原型和實例之間的關(guān)系：每個構(gòu)造函數(shù)都有一個原型對象，原型對象都有一個指向其對應的構(gòu)造函數(shù)的指針，而實例都包含一個指向原型對象的內(nèi)部指針。

接下來，如果我們讓原型對象同時等于一個其他的實例呢？

此時原型對象中包含一個指向其他原型的指針，另一個原型中也包含著一個指向另一個構(gòu)造函數(shù)的指針。假如另一個原型又是另一個類型的實例，那么上述關(guān)系依然成立。如此層層遞進，就構(gòu)成了實例與原型的鏈條。就是我們常說的原型鏈。

簡單來說，就是如果從實例上尋找某個屬性值，如果屬性值就存在于這個實例上，則會直接輸出，否則就會從他的原型對象中去找。而原型對象中也沒有的話，則會向原型對象的原型對象中去找。

以上就是通過手寫instanceof理解原型鏈示例詳解的詳細內(nèi)容，更多關(guān)于instanceof原型鏈理解的資料請關(guān)注腳本之家其它相關(guān)文章！