原型链之prototype/__proto__/constructor

Posted 2020-09-29

（一）prototype

每个函数都有一个prototype属性，这个属性是指向一个对象的引用，这个对象称为原型对象，原型对象包含函数实例共享的方法和属性，也就是说将函数用作构造函数调用（使用new操作符调用）的时候，新创建的对象会从原型对象上继承属性和方法。

通过Function.prototype.bind方法构造出来的函数是个例外，它没有prototype属性

 

（二）__proto__

根据ECMA定义 ‘to the value of its constructor’s "prototype" ‘ ----指向创建这个对象的构造函数的显式原型（prototype）

举例说明： 

function A(){}

A.prototype = {from:‘构造函数的prototype‘}

var a = new A()

a.__proto__ === A.prototype //true   

每个对象都有一个内置属性[[prototype]]，在ES5之前没有标准的方法访问这个内置属性，但是大多数浏览器都支持通过__proto__来访问。ES5中有了对于这个内置属性标准的Get方法Object.getPrototypeOf(). 
Object.prototype 这个对象是个例外，它的__proto__值为null

原型链的实现原理：当我们访问一个对象的属性时，如果这个对象内部不存在这个属性，那么他就会去__proto__里找这个属性，这个__proto__又会有自己的__proto__，于是就这样 一直找下去。

 

（三）对象原型分析

刚刚已经讲到，__proto__指向创建这个对象的构造函数的显式原型，那么关键我们只需要判断该对象的构造函数prototype即可

1. 对象字面量

var a = {b:1}
//等效于
var a = new Object(); a.b=1;

a.__proto__ === Object.prototype  //true   

 

2. 构造函数创建的对象

function A(){}
var a = new A()

a.__proto__ === A.prototype //true   

 

3.Object.create() 创建的对象

var prop = {b:1}
var a = Object.create(prop)

a.__proto__ === prop //true

 

（四）constructor

构造函数prototype对象会初始化一个constructor属性，它指向的就是构造函数本身

function A(){}
var a = new A()

a.__proto__.constructor === A.prototype.constructor
A.prototype.constructor === A

所以，我们可以根据对象的constructor属性，得到创建该对象的构造函数