new 关键字的作用是什么？

Question

我很好奇除了改变 this 范围所指的内容之外，new 关键字在后台还能做什么。

例如，如果我们使用 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;
  }
}();

Firebug Profiler 告诉我使用 new 关键字稍快（2 毫秒而不是 3 毫秒），在大型对象上， new 仍然明显更快吗？

[编辑]

另一件事是，对于真正的大型对象构造函数，在函数底部有一个 return （它将有大量的本地函数），或者在函数顶部有一些 this.bar = ...可读吗？什么被认为是一个好的约定？

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

    // Lots of code
}();

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

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

Answer 1

引用 Douglas Crockford 来自 Good Parts 书（第 47 页），回答这个问题的标题：

如果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 方法实现如下。这会向类添加一个实例方法（源）：

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

进一步阅读：

• Mozilla 开发中心：Object.create()
• Mozilla 开发中心：Function.apply()
• Douglas Crockford：JavaScript 中的经典继承

Answer 2

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

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