共计 1000 个字符,预计需要花费 3 分钟才能阅读完成。
原型链
-
js 中的援用数据类型能够分为以下两种
- 援用类型实例
- 构造函数(类)
-
一个援用类型站在不同的角度,会有不同的身份,
// 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)
[1] https://developer.mozilla.org…
正文完
发表至: javascript
2021-06-03