ES6 中沒有 new 關鍵字呼叫類別建構子

給定類別定義：

class Foo {
  constructor(x) {
    if (!(this instanceof Foo)) return new Foo(x);
    this.x = x;
  }
  hello() {
    return `hello ${this.x}`;
  }
}

不使用new關鍵字是無法直接呼叫類別建構子的。這是因為 ES6 中的類別本質上有一個建構函數，該函數在呼叫類別時會被呼叫。

在沒有new 的情況下調用類別會導致錯誤：

Cannot call a class as a function

此錯誤訊息清楚地表明只能使用new 運算符調用類建構函數，這是創建類別的新實例所必需的。

要克服此限制，請考慮以下方法:

• 使用常規函數代替:

function Foo(x) {
  this.x = x;
  this.hello = function() {
    return `hello ${this.x}`;
  }
}

• 總是用new 呼叫類別：

(new Foo("world")).hello(); // "hello world"

• 將類別包裝在函數中並用new 呼叫:

var FooWrapper = function(...args) { return new Foo(...args) };
FooWrapper("world").hello(); // "hello world"