模拟实现instanceof的功能 js

最新推荐文章于 2024-04-01 09:18:13 发布

原创最新推荐文章于 2024-04-01 09:18:13 发布 · 277 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

56 篇文章

订阅专栏

这篇博客探讨了JavaScript中typeof操作符的使用，它主要用于判断数据类型，返回值包括'number'、'string'、'boolean'、'object'、'function'和'undefined'。特别地，typeof对null和数组都返回'object'，导致判断数组时需使用instanceof。instanceof通过原型链检查一个对象是否是另一个对象的实例。文中还提供了一个手动实现instanceof功能的函数示例，并指出使用instanceof判断数组的正确方式。

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.