揭秘JavaScript instanceof 的魔法：手写实现面试通关秘籍

前端

2023-09-22 02:09:22

在 JavaScript 的浩瀚世界中，instanceof 运算符可谓是一把探寻对象类型的神奇利刃。它能轻而易举地告诉你一个对象是否属于某个构造函数的实例。如此强大的能力，自然也成为了面试官们青睐的考察点。

今天，我们就来揭开 instanceof 的神秘面纱，手把手教你编写自己的 instanceof 函数，助你面试通关无阻！

二、一步步手写 instanceof

要理解 instanceof 的运作机制，我们首先需要了解两个关键概念：

构造函数： 一个用于创建对象的蓝图，它定义了对象的属性和方法。
prototype： 每个构造函数都拥有一个 prototype 属性，它是一个指向该构造函数实例共享属性和方法的对象。

instanceof 运算符的本质就是检查给定对象的原型链中是否存在目标构造函数的 prototype 属性。如果存在，则说明该对象是目标构造函数的实例；否则，则不是。

基于此原理，我们可以一步步手写一个 instanceof 函数：

function myInstanceof(obj, constructor) {
  // 获取对象的原型对象
  let proto = Object.getPrototypeOf(obj);

  // 循环检查原型对象是否存在目标构造函数的 prototype 属性
  while (proto) {
    if (proto === constructor.prototype) {
      return true;
    }
    // 继续向上查找原型链
    proto = Object.getPrototypeOf(proto);
  }

  // 未找到，返回 false
  return false;
}

三、实例验证

现在，我们已经有了自己的 instanceof 函数，是时候对其进行验证了：

const obj = new Array();
console.log(myInstanceof(obj, Array)); // true
console.log(myInstanceof(obj, Object)); // true
console.log(myInstanceof(obj, String)); // false