快捷導(dǎo)航

javascript中instanceof運算符的用法詳解

更新時間：2022年06月21日 10:08:44 作者：小旭2021

本文詳細講解了javascript中instanceof運算符的用法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下

概述

instanceof運算符用來判斷一個構(gòu)造函數(shù)的prototype屬性所指向的對象是否存在另外一個要檢測對象的原型鏈上

語法

obj instanceof Object;//true 實例obj在不在Object構(gòu)造函數(shù)中

描述

instanceof 運算符用來檢測 constructor.prototype 是否存在于參數(shù) object 的原型鏈上。

實例

1.instanceof的普通的用法，obj instanceof Object 檢測Object.prototype是否存在于參數(shù)obj的原型鏈上。

Person的原型在p的原型鏈中

function Person(){};
var p =new Person();
console.log(p instanceof Person);//true

2.繼承中判斷實例是否屬于它的父類

Student和Person都在s的原型鏈中

function Person(){};
function Student(){};
var p =new Person();
Student.prototype=p;//繼承原型
var s=new Student();
console.log(s instanceof Student);//true
console.log(s instanceof Person);//true

3.復(fù)雜用法

這里的案例要有熟練的原型鏈的認識才能理解

function Person() {}
console.log(Object instanceof Object);     //true
//第一個Object的原型鏈：Object=>
//Object.__proto__ => Function.prototype=>Function.prototype.__proto__=>Object.prototype
//第二個Object的原型：Object=> Object.prototype

console.log(Function instanceof Function); //true
//第一個Function的原型鏈：Function=>Function.__proto__ => Function.prototype
//第二個Function的原型：Function=>Function.prototype

console.log(Function instanceof Object);   //true
//Function=>
//Function.__proto__=>Function.prototype=>Function.prototype.__proto__=>Object.prototype
//Object => Object.prototype

console.log(Person instanceof Function);      //true
//Person=>Person.__proto__=>Function.prototype
//Function=>Function.prototype

console.log(String instanceof String);   //false
//第一個String的原型鏈：String=>
//String.__proto__=>Function.prototype=>Function.prototype.__proto__=>Object.prototype
//第二個String的原型鏈：String=>String.prototype

console.log(Boolean instanceof Boolean); //false
//第一個Boolean的原型鏈：Boolean=>
//Boolean.__proto__=>Function.prototype=>Function.prototype.__proto__=>Object.prototype
//第二個Boolean的原型鏈：Boolean=>Boolean.prototype

console.log(Person instanceof Person); //false
//第一個Person的原型鏈：Person=>
//Person.__proto__=>Function.prototype=>Function.prototype.__proto__=>Object.prototype
//第二個Person的原型鏈：Person=>Person.prototype

總結(jié)

對應(yīng)上述規(guī)范做個函數(shù)模擬A instanceof B：

function _instanceof(A, B) {
    var O = B.prototype;// 取B的顯示原型
    A = A.__proto__;// 取A的隱式原型
    while (true) {
        //Object.prototype.__proto__ === null
        if (A === null)
            return false;
        if (O === A)// 這里重點：當 O 嚴格等于 A 時，返回 true
            return true;
        A = A.__proto__;
    }
}

到此這篇關(guān)于javascript中instanceof運算符的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: