模拟实现instanceof的功能 js

typeof  返回值为6个字符串

typeof是用来判断数据类型的，就一个参数 ,使用方式像这样： typeof  num,  就是判断num是什么类型

typeof 一般只能返回如下几个结果："number"、"string"、"boolean"、"object"、"function" 和 "undefined"；

着重看这几个：

• typeof 不存在的变量 = “undefined”
• typeof 对象 = “object”
• typeof  null = "object" 
• typeof 数组 = “object”
• typeod 方法的实例（比如 new Array()） =“object”

对象，数组（都是引用类型） 使用typeof 结果是 object类型，但是null 是基本数据类型，使用typeof结果也是 object。

ps: 如何准确判断一个变量是数组？ 答：使用instanceof，eg. [] instanceof Array //true（不能用typeof，因为typepf对象和数组都会返回 'object'）

 

instanceof  返回值是布尔类型

instanceof 内部机制是通过原型链来实现的，所以可以用于判断一个变量是否属于某个对象的实例。

代码形式为 obj1 instanceof obj2（obj1 是否是 obj2 的实例）

function Foo() {
    this.name = 'wyh'
	this.age = '23'
}

let foo = new Foo()
console.log(foo instanceof Foo) // true

手写一个函数来实现 instanceof 的功能：

function instanceofObj(a, b) {
    // 模拟 a instanceof b
    // spring instanceof Student  //true
    let prototypeB = b.prototype;  //取 b 的显示原型
    let protoA = a.__proto__;  //取 a 的隐式原型
    let state = false;
    while (true) {  
        if (protoA == null) { //可能是 undefined 
            state = false;
            break;
        }
        if (prototypeB === protoA) {
            state = true;
            break;
        }
        protoA = protoA.__proto__;  //若本次查找无结果，则沿着原型链向上查找
    }
    return state;
}
console.log(instanceofObj([], Array));  //true

打印结果为true，这是因为[].__proto__指向的是Array.prototype.