js prototype、constructor、__proto__、new详解

相关名词概念

ecma262/#constructor

function Parent(){  this.name = 'parent';}var a = new Parent();console.log(Parent.prototype);console.log(Parent.constructor);console.log(Parent.prototype.constructor);console.log(a.prototype);console.log(a.__proto__);console.log(a.constructor);

prototype 1-1 prototypeimg.png

new具体的过程

new Parent() = {    var obj = {};    obj.__proto__ = Parent.prototype; // 此时便建立了obj对象的原型链：    // obj->Parent.prototype->Object.prototype->null    var result = Person.call(obj); // 相当于obj.Person("John")    return typeof result === 'object' ? result : obj; // 假如无返回值或者者返回一个非对象值，则将obj返回作为新对象}

alexzhong22c js-new-happen

Object.getPrototypeOf
var o = new C();
//o是C的实例，所以
Object.getPrototypeOf(o) === C.prototype
Object.getPrototypeOf 返回的是实例对象的原型
由于Object是构造函数
Object.getPrototypeOf(Object) 得到的是// f(){[native code]}
Object.getPrototypeOf( Object ) === Function.prototype; // true
由于把Object看作对象，Object是个函数
所以Object.getPrototypeOf( Object )返回的就是函数对象的原型Function.prototype
Object.prototype是构造出来的对象的原型。

function prototype relationship
Function prototype reference