javascript - 为什么括号会导致对象成为未绑定(bind)的？

Question

当我用括号包围一个新的对象调用并立即在其上调用一个方法时，Node(或通常只是 v8)将抛出“TypeError:this.getName 不是函数”错误。如果我不将它包装在括号 no 中，则不会抛出任何错误，并且 this 已正确绑定(bind)。

function Greeter(name) {
  this.name = name;
}

Greeter.prototype.getName = function() {
  return this.name;
}

Greeter.prototype.helloWorld = function() {
  console.log(`Hello ${this.getName()}`);
}

// Throws, this in any class methods are bound to the global
(new Greeter('Olive')).helloWorld();
// Doesn't throw, this is bound to the object as expected
new Greeter('Olive').helloWorld();

parens 在这里被解释成什么，为什么 'helloWorld' 是未绑定(bind)的？

Answer 1

您依赖于自动分号插入，但它没有按您预期的方式工作。

这个:

Greeter.prototype.helloWorld = function() {
  console.log(`Hello ${this.getName()}`);
}

// Throws, this in any class methods are bound to the global
(new Greeter('Olive')).helloWorld();

相当于:

let mygreeter = new Greeter('Olive');

let result_of_call = (function() {
  console.log(`Hello ${this.getName()}`);
}(mygreeter));

Greeter.prototype.helloWorld = result_of_call.helloWorld();

你需要在前面的表达式后面放一个分号，以防止 (...) 被解释为“Call this function as an IIFE with arguments”

Greeter.prototype.helloWorld = function() {
  console.log(`Hello ${this.getName()}`);
};

(new Greeter('Olive')).helloWorld();