# isPrototype
# Description
检查 value 是否可能是一个原型对象
# Params
value
# Return
Boolean
# Code
const objectProto = Object.prototype
function isPrototype(value) {
const Ctor = value && value.constructor
const proto = (typeof Ctor === 'function' && Ctor.prototype) || objectProto
return value === proto
}
# Analyze
Object.prototype.constructor
返回创建实例对象的 Object 构造函数的引用。Function.prototype
属性存储了Function
的原型对象。new
运算符创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。__proto__ 的读取器 (getter) 暴露了一个对象的内部 [[Prototype]] 。对于使用 对象字面量 创建的对象,这个值是
Object.prototype
。对于使用 数组字面量 创建的对象,这个值是Array.prototype
。对于functions
,这个值是Function.prototype
。对于使用new fun
创建的对象,其中fun
是由js
提供的内建构造器函数之一 (Array
,Boolean
,Date
,Number
,Object
,String
等等),这个值总是fun.prototype
。对于用js
定义的其他js
构造器函数创建的对象,这个值就是该构造器函数的prototype
属性。__proto__ 的设置器 (setter) 允许对象的 [[Prototype]]被变更。前提是这个对象必须通过 Object.isExtensible() 判断为是可扩展的,如果不可扩展,则会抛出一个 TypeError 错误。要变更的值必须是一个 object 或 null,提供其它值将不起任何作用。
.__proto__属性是 Object.prototype 一个简单的访问器属性,其中包含了 get(获取)和 set(设置)的方法,任何一个__proto__的存取属性都继承于 Object.prototype,但一个访问属性如果不是来源于 Object.prototype就不拥有.__proto__属性,譬如一个元素设置了其他的.__proto__属性在 Object.prototype之前,将会覆盖原有的 Object.prototype。
假设 new 一个对象
function A () {}
const b = new A()
此时 b.__proto__ 就指向了 A.prototype
b.__proto__.constructor 也就指向了 function A () {}
A.prototype.constructor 指向 function A () {}
- 分析代码,使用短路语法,如果value.constructor 存在,则获取 value.constructor 否则获取 value
- 如果拿到的 Ctor 为 function,那么就获取 Ctor.prototype , 否则取 Object.prototype
- 根据第4.5条,就可以判断出,如果 Ctor.prototype === value.constructor ,那么 value 就是一个原型对象
- Object.prototype 的作用是为了处理 如果 Ctor 的值为 falsy,那么就将 proto 指向 Object.prototype,否则 value 和 proto 都为 false , 那么最终返回 true 不符合预期结果
# Remark
- Object.prototype.constructor MDN (opens new window)
- Object.prototype.__proto__ MDN (opens new window)
- Function MDN (opens new window)
- Function.prototype MDN (opens new window)
- new 运算符 MDN (opens new window)
# Example
function A (){}
const b = new A
console.log(isPrototype(b.__proto__)) // true
console.log(isPrototype(b)) // false