【JS】prototype、constructor、__proto__、new详解

相关名词概念 名词 用途 描述 其他 [[Construct]] 对象的一个内置方法，用于创建对象，通过new或者super关键字调用。 该内置方法的第一个参数是传入的参数列表。第二个参数是new所初始化的对象。最后返回一个Obejct。 constructor调用实现该内置方法 constructor对象 用来创建和初始化一个对象。 是个具有prototype属性的function对象。（这个prototype属性保存的是一个指针，指向了prototype对象所在的位置）。 通过new创建对象的时候会调用constructor方法，不使用new调用constructor的话，根据具体实现可能会得到不同结果。比如：new Date()得到的是当前日期Date对象，Date()则是当前时间字符串。 constructor属性 指向constructor对象 保存的是引用 无 prototype属性 指向一个prototype对象所在的位置 每个函数都有该属性，这个属性中保存的是引用，而不是具体的对象 无 prototype对象 对象的用途是包含可以由特定类型的所有实例共享的属性和方法。 该对象的 __proto____属性指向了Object的原型 无 ___proto____ 实例的属性，指向实例的原型对象 保存的也是对象的引用 无 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); 对象 取值 Parent的prototype对象 一个具有constructor属性的Object（图：prototype 1-1 ） Parent.prototype属性 Parent的prototype对象的引用 Parent.constructor ƒ Function() { [native code] } Parent.prototype.constructor ƒ Parent(){this.name = 'parent';} a.prototype undefined a.__proto____ 与Parent.prototype相同 a.constructor ƒ Parent(){this.name = 'parent';} prototype 1-1 prototypeimg.png new具体的过程 一个继承自 *Foo*.prototype 的新对象被创建。 使用指定的参数调用构造函数 Foo，并将 this 绑定到新创建的对象。new *Foo* 等同于 new Foo()，也就是没有指定参数列表，Foo 不带任何参数调用的情况。 由构造函数返回的对象就是 new 表达式的结果。如果构造函数没有显式返回一个对象，则使用步骤1创建的对象。（一般情况下，构造函数不返回值，但是用户可以选择主动返回对象，来覆盖正常的对象创建步骤） 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返回作为新对象 } 实现一个new方法 function _new(fn,...arg){ const obj = Object.create(fn.prototype); const ret = fn.apply(obj,arg); return ret instanceof Object?ret:obj;//考虑到基本数据类型 } mozilla.org-new 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

本文章由javascript技术分享原创和收集