关于javascript:根据原型链实现instanceof

5次阅读

共计 1000 个字符，预计需要花费 3 分钟才能阅读完成。

js 中的援用数据类型能够分为以下两种
1. 援用类型实例
2. 构造函数（类）

一个援用类型站在不同的角度，会有不同的身份，

// 1. Obj 是一个办法，能够独自调用执行（当作为函数调用时也是 Function 的实例）// 2. Obj 是一个构造函数，能够实例化一个对象
let Obj = function(){}

作为构造函数身份时，该构造函数会有一个 prototype 属性，该属性能够称之为 显式原型 ；当作为实例时，该数据存在一个__proto__ 属性，该属性能够称之为 隐式原型 ,__proto__ 能够通过 Object.getPrototypeOf() 办法取得。因为有的数据，如上代码所示，既能够作为实例，又能够作为构造函数，所以，该数据能够同时存在显式原型与隐式原型。更确切的说， 函数能够同时有这两个属性 。（ 简而言之，prototype 是用于类的，而 Object.getPrototypeOf() 是用于实例的（instances），两者性能统一。[1]）

原型链是指数据的 隐式原型 组成的援用关系。留神不是显式原型

let Obj = function(){}
// 当 A 的隐式原型 === B 的显式原型，A 就是 B 的（子类）实例
Obj.__proto__ === Function.prototype
Obj.__proto__.__proto__ === Object.prototype
// Obj.__proto__.__proto__ 能够叫做原型链
// 原型链的顶端是 null 即 Object.prototype.__proto__ === null

A instanceof B 通过要查找原型链来确定 A 是否是 B 的实例。

通过查找 child 的隐式原型链，来确认是否存在援用是 parent 的显式原型。

function instanceOf(child, parent){
// 这里应该有根本数据类型的过滤
// 偷个懒
if(child === null || parent === null) return false
const left = child.__proto__
const right = parent.prototype
if(left === right) return true
return instanceOf(left,parent)
}
const r1 = instanceOf(1, Number)
console.log(r1)