javascript - JavaScript 中的 new 运算符如何工作？

Question

可能是 JavaScript 中最难理解的部分，位于原型(prototype)链旁边。

所以问题是:如何...

new dataObj(args); 

...实际上创建了一个对象，并定义了它的原型(prototype)链/构造函数/等等？

最好是展示一个替代方案，以充分理解这个关键字。

Answer 1

new 运算符使用内部 [[Construct]]方法，它基本上执行以下操作:

• 初始化一个新的原生对象
• 设置该对象的内部[[Prototype]]，指向 Function prototype 属性。
  • 如果函数的 prototype 属性不是对象(原始值，例如数字、字符串、 bool 值、未定义或 Null)，则使用 Object.prototype相反。
• 创建对象后，它调用该函数，并提供该对象作为其 this 值。
• 如果被调用函数的返回值是原语，则返回内部创建的对象。
• 否则，如果返回一个对象，则内部创建的对象就会丢失。

new 运算符的等效实现可以如下表示(假设 ECMAScript 5 Object.create 方法可用):

function NEW(f) {
  var obj, ret, proto;

  // Check if `f.prototype` is an object, not a primitive
  proto = Object(f.prototype) === f.prototype ? f.prototype : Object.prototype;

  // Create an object that inherits from `proto`
  obj = Object.create(proto);

  // Apply the function setting `obj` as the `this` value
  ret = f.apply(obj, Array.prototype.slice.call(arguments, 1));

  if (Object(ret) === ret) { // the result is an object?
    return ret;
  }
  return obj;
}

// Example usage:
function Foo (arg) {
  this.prop = arg;
}
Foo.prototype.inherited = 'baz';

var obj = NEW(Foo, 'bar');
obj.prop;          // 'bar'
obj.inherited;     // 'baz'
obj instanceof Foo // true