JS-手写系列：instanceof

前言

在 JavaScript 中，instanceof 是判断引用类型的重要工具。它不像 typeof 那样只能识别基础类型，而是能够深入“家谱”，判断一个实例是否属于某个构造函数。本文将带你通过手写实现，彻底掌握其底层原理。

一、 实现思路

instanceof 运算符用于检测构造函数的 prototype 属性是否出现在某个实例对象的原型链上。

1. 实现思路

1. 类型检查：首先确保左侧是一个对象或函数（基础类型直接返回 false）。

2. 获取原型：取得左侧对象的原型 __proto__ 和右侧构造函数的原型 prototype。

3. 循环遍历：沿着左侧的原型链不断向上查找（__proto__ = __proto__.__proto__）。

4. 结果判定：

   • 如果查找到某个环节等于右侧的 prototype，则返回 true。
   • 如果查找到原型链的尽头（null）仍未找到，则返回 false。

二、 具体实现

  function myInstanceof(obj, func) {
    if (typeof obj !== 'object' && typeof obj !== 'function') {
      return false;
    }
    let proto = obj.__proto__;
    const prototype = func.prototype;
    while (proto !== prototype) {
      if (proto === null) {
        return false;
      }
      proto = proto.__proto__;
    }
    return true;
  }
  const date = new Date();
  console.log(myInstanceof(date, Object));    // true

  console.log(myInstanceof([1, 2], Array)); // true