JavaScript中的prototype、__proto__和constructor

2019独角兽企业重金招聘Python工程师标准>>>

__proto__，指的是对象的内部原型；

prototype，为构造器的原型；

 

一、所有构造器/函数的（__proto__）都指向Function.prototype，它是一个空函数（Empty Function）

（注：也可理解为：所有对象（构造器/函数）通过其内部__proto__实现继承，继承Function.prototype的公共属性和方法)

所有构造器都来自于Function.prototype，甚至包括根构造器Object及Function自身。所有构造器都继承了Function.prototype的属性和方法。

所有构造器（含内置及自定义）的（__proto__）都是Function.prototype，但是Function.prototype的（__proto__）指向的是Object.prototype。（也可理解为：Function.prototype通过__proto__从Object.prototype继承根对象Object所有公共属性和方法。）

 

Function.prototype.__proto__ == Object.prototype;

最后，Object.prototype.__proto__ == null

 

‍二、‍所有对象实例的（__proto__）都指向其构造器的prototype

构造器的实例对象的内部原型（__proto__），总是指向其构造器的prototype。

function Person(name) {

    this.name = name;

}

 

var p = new Person("Ancle");

console.log(p.__proto__ === Person.prototype) // true

p是Person的实例对象，p的内部原型（__proto__）总是指向其构造器Person的prototype

 

‍三、constructor属性：每个对象实例都有一个constructor属性，以获取它的构造器‍

借用上述Person例子：

console.log(p.__proto__ === p.constructor.prototype) // true

 

注：

对象直接量：使用对象直接量方式定义的对象，其构造器（constructor）指向的是根构造器Object，Object.prototype是一个空对象{}

例子：

var p = {};

console.log(p.constructor === Object) // true

console.log(p.constructor.prototype === Object.prototype) // true

转载于:https://my.oschina.net/u/1251536/blog/660108