首页 > web前端 > js教程 > 正文

JavaScript instanceof如何工作_它检查什么?

紅蓮之龍
发布: 2025-12-14 18:11:02
原创
975人浏览过
instanceof 检查对象原型链是否包含构造函数的 prototype 对象,基于引用相等向上查找 [[Prototype]],不依赖 constructor 属性;原始值返回 false,null 无原型链,undefined 右侧非函数则报错;可由 Symbol.hasInstance 自定义行为。

javascript instanceof如何工作_它检查什么?

instanceof 检查的是对象的原型链上是否包含构造函数的 prototype 对象。

它不检查构造函数本身,也不检查对象的 constructor 属性

很多人误以为 instanceof 是看 obj.constructor === Ctor,其实不是。constructor 可以被随意修改,完全不可靠。instanceof 的判断依据只有一条:沿着 obj 的 __proto__(即内部 [[Prototype]])一路向上查找,看能不能找到 Ctor.prototype 这个对象。

  • 如果找到了,返回 true
  • 如果查到原型链尽头(null)都没找到,返回 false
  • 要求右边必须是函数(否则抛错),左边可以是任意值(非对象会直接返回 false)

原型链查找是基于引用相等,不是值相等

instanceof 不关心 Ctor.prototype 上有什么属性或方法,只关心“是不是同一个对象”。哪怕两个函数有完全一样的 prototype 内容,只要不是同一个对象实例,就不会匹配。

例如:

Pippit AI
Pippit AI

CapCut推出的AI创意内容生成工具

Pippit AI 133
查看详情 Pippit AI

立即学习Java免费学习笔记(深入)”;

function A() {}
function B() {}
B.prototype = Object.create(A.prototype); // 继承 A
const b = new B();
console.log(b instanceof A); // true —— 因为 B.prototype.__proto__ === A.prototype
console.log(b instanceof B); // true —— 因为 b.__proto__ === B.prototype
登录后复制

注意 null、undefined 和原始值的行为

原始值(如字符串、数字、布尔)用 instanceof 总是返回 false,因为它们不是对象,没有原型链:

  • "hello" instanceof Stringfalse
  • new String("hello") instanceof Stringtrue
  • null instanceof Objectfalse(null 没有原型链)
  • undefined instanceof Object → 报错(右侧必须是函数)

ES6 之后可自定义 Symbol.hasInstance

如果构造函数上定义了静态方法 [Symbol.hasInstance](obj),instanceof 就会调用它,而不是走默认原型链查找。这是少数能覆盖默认行为的方式。

class MyArray {
  static [Symbol.hasInstance](obj) {
    return Array.isArray(obj) || (obj && typeof obj.length === 'number');
  }
}
console.log([1,2] instanceof MyArray); // true
console.log({length: 5} instanceof MyArray); // true
登录后复制
基本上就这些。instanceof 的核心就是原型链上的引用查找,简单但容易忽略细节。

以上就是JavaScript instanceof如何工作_它检查什么?的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号