手动实现instanceof函数

最新推荐文章于 2023-03-17 18:11:08 发布

Wang-ccnu

最新推荐文章于 2023-03-17 18:11:08 发布

阅读量956

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 题目练习文章标签： javascript

本文链接：https://blog.youkuaiyun.com/u013910340/article/details/106335493

JavaScript 同时被 2 个专栏收录

15 篇文章

订阅专栏

题目练习

5 篇文章

订阅专栏

本文详细解析了instanceof操作符的功能及其实现原理，通过实例展示了如何检查一个对象是否出现在另一个对象的原型链上，并提供了两种手动实现instanceof的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

instanceof 功能

a instanceof b 官方解释为检查构造函数b的prototype 有没有出现在a的原型链上。比如：

function A() {
}

function B() { }
function C() { }

//B继承A
B.prototype = new A()

let instance = new B()

console.log('---instance instanceof B-----', instance instanceof B) //true
console.log('---instance instanceof A-----', instance instanceof A) //true

手动实现

既然知道了instanceof的原理，就可以写一个函数来实现这个功能。实现过程中会用到以下两个函数中的一个。
getPrototypeOf：获取某个实例对象的原型；
isPrototypeOf：检测某一个对象是否存在于另一个对象的原型链上；

基于getPrototypeOf实现的函数为：

function isInstanceOf(target1, target2) {
  let proto = Object.getPrototypeOf(target1)
  if(!proto){return false}
  if (proto === target2.prototype) { return true }
  //递归去原型链上找
  return isInstanceOf(proto, target2)
}

基于isPrototypeOf实现的函数为：

function isInstanceOf(target1, target2) {
  return target2.prototypeis.isPrototypeOf(target1)
}