在Javascript中使用new和不使用它一样吗？

Question

考虑这段代码：

function klass( z ) {
    this.a = z;
    return this;
}

var b = klass( 5 );
var c = new klass( 9 );

当我在 Chrome 中运行它并在控制台中检查时，b 结果是 DOMWindow 类型，而 c 是输入klass。

尽管两者都具有属性 a，但实际上两者都是 klass 的实例。

• 使用new和不使用new一样吗？
• 在这个例子中是一样的，但在其他情况下是不同的吗？
• 效率或行为是否存在差异？

Answer 1

当像这样调用函数时，

klass(6);  //called function invocation

this 将被设置为全局对象，或者，如果您处于严格模式，则 undefined

结果，第一个示例（没有new) 将返回附加了新 a 属性的全局对象。在严格模式下，它会抛出错误，因为 this 将被设置为 undefined，并且您无法将 a 属性添加到 未定义。

当您使用 new 调用函数时，

new klass( 9 );  //called constructor invocation

this 值将设置为一个新对象，并从该函数隐式返回 — 无需说 return this

为了完整起见，当您将函数作为对象的方法调用时：

foo.method();  //called method invocation

this 将被设置为 this 中的对象 - foo案件。

当您使用 apply（或 call）调用函数时，

method.apply(foo)  //called apply invocation 

this 会设置为您指定的任何内容 - foo 再次

编辑

我提到了 strict我的回答中的模式。如果页面

"use strict"

位于最顶部，则使用严格模式。

Answer 2

如果没有 new，您的函数将仅对 this 绑定到的任何内容进行操作，在您的情况下是 DOMWindow。没有创建新实例，而是在 window 对象上设置 a 属性。调用该方法两次会破坏之前的结果。

试试这个：

var b = klass(5)
log.info(b.a)
log.info(b == window)  // b is actually the window object
log.info(window.a)   // also 5

var c = klass(6)
log.info(b.a)     // now set to 6
log.info(c == b)  // c and b are the same

Answer 3

这绝对不一样：

var a = klass(42);
console.log(a.a); // 42
var b = klass(69);
console.log(b.a); // 69
console.log(a.a); // 69

如果你不调用new，你就不会得到任何新的东西。