new 关键字在幕后做了什么？

Question

我很好奇 new 关键字在后台除了更改 this 范围所指的内容之外还有什么作用。

例如，如果我们比较使用new 关键字让函数在对象上设置属性和方法与仅让函数返回一个新对象，那么新对象有什么额外的功能吗？

如果我不希望从函数构造函数创建多个对象，这是首选

var foo2 = function () {
  var temp = "test";

  return {
    getLol: function () {
      return temp;
    },

    setLol: function(value) {
      temp = value;
    }
  };

}();

var foo = new function () {
  var temp = "test";

  this.getLol = function () {
    return temp;
  }

  this.setLol = function(value) {
    temp = value;
  }
}();

萤火虫探查器告诉我使用 new 关键字稍快（2ms 而不是 3ms），在大型对象上 new 仍然明显更快？

[编辑]

另一个问题是关于真正大的对象构造函数是在函数底部有一个返回（它将有大量的本地函数）或者在函数的顶部有一些 this.bar = ...可读？什么是好的约定？

var MAIN = newfunction() {
    this.bar = ...

    // Lots of code
}();

var MAIN2  = function() {
    // Lots of code

    return {
        bar: ...
    }
}();

Answer 1

从the Good Parts book（第47页）引用Douglas Crockford来回答这个问题的标题：

如果new 运算符是一个方法而不是一个运算符，它可以这样实现：

Function.method('new', function () {

   // Create a new object that inherits from the 
   // constructor's prototype.

   var that = Object.create(this.prototype);

   // Invoke the constructor, binding -this- to
   // the new object.

   var other = this.apply(that, arguments);

   // If its return value isn't an object,
   // substitute the new object.

   return (typeof other === 'object' && other) || that;
});

Function.method 方法实现如下。这将实例方法添加到类 (Source)：

Function.prototype.method = function (name, func) {
   this.prototype[name] = func;
   return this;
};

进一步阅读：

• Mozilla Dev Center: Object.create()
• Mozilla Dev Center: Function.apply()
• Douglas Crockford: Classical Inheritance in JavaScript

Answer 2

阅读the spec。 11.2.2 和 13.2.2 部分是相关的，并且不太难理解（请注意，后两个链接指向规范的非官方 HTML 化版本）。

总之，如果你有一个返回对象的函数f，那么使用new 调用它的唯一可观察到的区别是this 的值将不同，而使用@987654327 调用它@ 可能会更慢，因为它涉及创建对象并为其分配一些属性的额外步骤。