Bagaimanakah `new.target` Mendayakan Pewarisan dan Membezakan Panggilan Pembina dalam Kelas ES6?

Memahami "new.target"

Definisi dan Lokasi

Walaupun disebut hanya tiga kali dalam spesifikasi ECMAScript 2015, "new.target" adalah sifat meta yang ditakrifkan dalam §12.3.8.

Tujuan dan Penggunaan

"NewTarget" mendapatkan semula nilai sifat dalaman [[NewTarget]] bagi persekitaran fungsi semasa. Nilai ini ditetapkan apabila fungsi dipanggil sebagai pembina.

Jika fungsi digunakan menggunakan baharu, new.target akan merujuk fungsi pembina yang digunakan untuk mencipta tika baharu. Ini membolehkan pembangun membezakan antara pembina dan panggilan fungsi biasa.

Kepentingan untuk Kelas ES6

"NewTarget" memainkan peranan penting dalam kelas ES6. Apabila pembina kelas dipanggil dengan yang baru, ia mengembalikan ini, yang pada mulanya tidak dimulakan. Walau bagaimanapun, super() memulakan ini dengan memanggil pembina induk sambil menghantar new.target sebagai argumen.

Mekanisme ini membenarkan kelas untuk mewarisi daripada objek terbina dalam, seperti Array atau Map. Dengan menghantar new.target kepada pembina induk, rantai prototaip yang betul diwujudkan, memastikan tika baharu mewarisi objek prototaip yang sesuai.

Contoh

Pertimbangkan struktur kelas berikut:

class Parent {
  constructor() {
    // new.target = Child (from super() call)
    console.log(new.target);
  }
}

class Child extends Parent {
  constructor() {
    // new.target = Child (from new call)
    super();
    console.log(this);
  }
}

new Child;

Dalam contoh ini, new.target ialah:

• Child in the Parent constructor (dipanggil daripada super() call)
• Child in the Child constructor (dipanggil dengan baharu)

Outputnya ialah:

Child
{ __proto__: Child.prototype }

Ini menunjukkan cara new.target boleh digunakan untuk membezakan antara pembina dan panggilan fungsi biasa, serta untuk uruskan warisan dalam kelas ES6.

Atas ialah kandungan terperinci Bagaimanakah `new.target` Mendayakan Pewarisan dan Membezakan Panggilan Pembina dalam Kelas ES6?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!