- 原文：帮你彻底搞懂JS中的prototype、__proto__与constructor
-
__proto__和constructor属性是对象所独有的 -
prototype属性是函数所独有的 函数也是一种对象
图中蓝色方块中，大写的部分其实是个构造函数
_ _ proto _ _
- 指向
原型对象/父对象 - 该属性在ES标准定义中的名字应该是
[[Prototype]] - 具体实现是由浏览器代理自己实现
- 作用：当访问一个对象的属性时，如果该对象内部不存在这个属性，那么就会去它的
__proto__属性所指向的那个对象里找 - 原型链尽头是
Object
Object.__proto__ = null
prototype
- 指向
函数的原型对象 - 函数独有的属性
- 作用：包含可以由特定类型的所有实例共享的属性和方法
- 任何函数在创建的时候，其实会默认同时创建该函数的
prototype对象 - 指向这个函数（其实所有函数都可以作为构造函数）所创建的实例的原型对象
f = new Foo();
f.__proto__ === Foo.prototype; // true
f.__proto__ === Foo().prototype
>>> Uncaught TypeError: Cannot read property 'prototype' of undefined这是因为 Foo 是函数对象，Foo() 是在调用这个函数
constructor
- 指向该对象的
构造函数 - constructor 属性的终点就是 Function 这个函数
- 实例化得到的对象其实自己是不具有 constructor 属性
手写 instanceOf
// left 是个实例化得到的对象
// right 是个构造函数
function myInstanceOf(left, right) {
left = left.__proto__;
right = right.prototype;
while (true) {
if (!left) {
return false;
}
if (left === right) {
return true;
}
left = left.__proto__;
}
}
