当前位置:首页 > JavaScript

js实现instanceof

2026-01-31 20:36:24JavaScript

instanceof 运算符简介

instanceof 是 JavaScript 中的运算符,用于检测构造函数的 prototype 属性是否出现在对象的原型链中。其语法为 object instanceof constructor,返回布尔值。

手动实现 instanceof

以下是手动实现 instanceof 功能的代码示例:

function myInstanceof(obj, constructor) {
  // 检查 constructor 是否有效
  if (typeof constructor !== 'function' || !constructor.prototype) {
    throw new TypeError('Right-hand side of instanceof is not callable');
  }

  // 处理原始类型直接返回 false
  if (obj === null || typeof obj !== 'object') {
    return false;
  }

  // 获取对象的原型
  let proto = Object.getPrototypeOf(obj);

  // 遍历原型链
  while (proto !== null) {
    if (proto === constructor.prototype) {
      return true;
    }
    proto = Object.getPrototypeOf(proto);
  }

  return false;
}

实现说明

  1. 参数验证:确保 constructor 是有效的构造函数(具有 prototype 属性)。
  2. 原始值处理:原始类型(非对象)直接返回 false,符合原生 instanceof 的行为。
  3. 原型链遍历:使用 Object.getPrototypeOf() 获取对象的原型,并沿原型链向上查找。
  4. 匹配判断:如果找到与构造函数 prototype 相同的对象,返回 true

使用示例

function Person() {}
const p = new Person();

console.log(myInstanceof(p, Person)); // true
console.log(myInstanceof(p, Object)); // true
console.log(myInstanceof([], Array)); // true
console.log(myInstanceof(123, Number)); // false(原始类型)

注意事项

  1. 跨框架对象检测可能失效,不同执行环境的相同构造函数可能不共享原型。
  2. 手动实现无法完全模拟内置对象(如 ArrayDate)的检测行为。
  3. 现代 JavaScript 中推荐使用 Symbol.hasInstance 自定义 instanceof 行为。

替代方案

对于更可靠的类型检测,可考虑:

  • Object.prototype.toString.call(obj)
  • Array.isArray() 等内置方法
  • typeof 运算符(针对原始类型)

js实现instanceof

标签: jsinstanceof
分享给朋友:

相关文章

js实现

js实现

实现 JavaScript 功能的方法 在 JavaScript 中实现特定功能通常涉及多个步骤。以下是常见的实现方法: 基础语法和变量声明 使用 let 或 const 声明变量: let…

js实现拖拽

js实现拖拽

实现拖拽的基本步骤 通过监听鼠标事件(mousedown、mousemove、mouseup)实现拖拽功能。以下是核心代码逻辑: const draggableElement = document…

js实现轮播图

js实现轮播图

基础轮播图实现 使用HTML、CSS和JavaScript实现一个简单的自动轮播图。HTML结构包含一个容器和多个图片项。 <div class="slider"> <div…

js实现计算器

js实现计算器

实现基础计算器功能 使用JavaScript创建一个基础计算器需要处理数字输入、运算符逻辑和结果显示。以下是一个简单的实现示例: let currentInput = '0'; let previo…

js实现继承

js实现继承

原型链继承 通过将子类的原型指向父类的实例实现继承。子类实例可以访问父类原型上的属性和方法。 function Parent() { this.name = 'parent'; } Paren…

js 实现倒计时

js 实现倒计时

实现倒计时的基本方法 使用 JavaScript 实现倒计时可以通过 setInterval 或 setTimeout 结合日期计算来完成。以下是两种常见实现方式。 使用 setInterval…