如何在沒有 new 關鍵字的情況下呼叫 ES6 類別？

ES6：繞過類別建構子呼叫的new 關鍵字

在ES6 中，類別不僅充當物件的藍圖，也體現了它們的構造函數。 constructor()函數作為類體，在類別被呼叫時觸發其執行。但是，嘗試在沒有必需的 new 關鍵字的情況下呼叫類別通常會導致「無法將類別作為函數呼叫」錯誤訊息。

了解建構子指令

類別本質上與 new 運算子相關聯，這可確保在實例化時建立類別的新實例。呼叫不帶 new 的類別違反了此設計原則，導致上述錯誤。

替代解決方案

如果所需的行為是允許帶或不帶new 的類調用，存在幾種替代方案：

1。使用常規函數代替類別

常規函數可以模仿類似類別的行為，而無需新的要求。它仍然可以使用它來強制執行類似實例的行為，但它缺乏類別的封裝和繼承功能。

<code class="js">function Foo(x) {
  this.x = x;
  this.hello = function() {
    return this.x;
  };
}</code>

2.強制使用 new 關鍵字

如果預期目的是始終使用 new 呼叫類，則無需任何解決方法。只要遵循建議的建構子呼叫模式：

<code class="js">(new Foo("world")).hello(); // "hello world"</code>

3.用常規函數包裝類別

這種方法提供了使用或不使用new 來呼叫類別的彈性，同時保留了使用類別的好處。包裝函數始終使用 new 呼叫類別建構子。

<code class="js">class Foo {
  constructor(x) { this.x = x; }
  hello() { return `hello ${this.x}`; }
}

var _old = Foo;
Foo = function(...args) { return new _old(...args) };

Foo("world").hello();       // "hello world"
(new Foo("world")).hello(); // Also works</code>

以上是如何在沒有 new 關鍵字的情況下呼叫 ES6 類別？的詳細內容。更多資訊請關注PHP中文網其他相關文章！