Bagaimanakah Saya Boleh Memanggil Pembina Kelas ES6 Tanpa Kata Kunci \"baharu\"?

Memanggil Pembina Kelas ES6 Tanpa "baharu"

Dalam ES6, kelas ialah gula sintaksis untuk fungsi pembina. Apabila kelas digunakan tanpa kata kunci baharu, ia tidak mencipta tika baharu kelas. Sebaliknya, ia memanggil fungsi pembina kelas secara langsung.

Pertimbangkan kelas berikut:

<code class="javascript">class Foo {
  constructor(x) {
    if (!(this instanceof Foo)) return new Foo(x);
    this.x = x;
  }
  hello() {
    return `hello ${this.x}`;
  }
}</code>

Jika kami cuba memanggil kelas ini tanpa kata kunci baharu, kami mendapat ralat:

Cannot call a class as a function

Ini kerana pembina kelas direka bentuk untuk mencipta kejadian baharu kelas. Menyebutnya tanpa operator baharu adalah bersamaan dengan memanggil fungsi biasa.

Untuk membenarkan memanggil pembina kelas tanpa kata kunci baharu, kita boleh menggunakan gabungan fungsi pembina dan fungsi anak panah seperti berikut:

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

const FooWithoutNew = () => new Foo(...arguments);</code>

Kini, kita boleh memanggil pembina kelas tanpa kata kunci baharu menggunakan FooWithoutNew:

FooWithoutNew("world").hello(); // "hello world"

Walau bagaimanapun, adalah penting untuk ambil perhatian bahawa pendekatan ini mempunyai beberapa kelemahan. Pertama, ia memerlukan mencipta fungsi berasingan, yang boleh menyusahkan. Kedua, ia mematahkan gelagat pembina untuk mengembalikan kejadian baharu.

Secara amnya, adalah disyorkan untuk sentiasa memanggil pembina kelas dengan kata kunci baharu untuk kejelasan dan ketekalan.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memanggil Pembina Kelas ES6 Tanpa Kata Kunci \"baharu\"?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!