Apakah Peranan `baru` dalam Warisan Prototaip JavaScript: `Derived.prototype = New Base`?

Memahami Peranan 'baru' dalam "Derived.prototype = new Base"

Pertimbangkan coretan kod berikut:

WeatherWidget.prototype = new Widget;

di mana Widget mewakili pembina, dan matlamat kami adalah untuk melanjutkannya dengan fungsi baharu yang dipanggil WeatherWidget. Timbul persoalan: apakah kepentingan kata kunci baharu dalam konteks ini dan apakah kesan yang akan timbul jika ia ditinggalkan?

Peranan 'baru'

Kata kunci baharu melaksanakan operasi penting dengan menjadikan Widget sebagai pembina dan memberikan nilai pulangannya kepada sifat prototaip WeatherWidget. Jika kata kunci baharu tiada, memanggil Widget tanpa memberikan hujah (cth., dengan menghilangkan kurungan) akan mengakibatkan tingkah laku yang tidak ditentukan. Lebih-lebih lagi, jika pelaksanaan Widget tidak direka bentuk untuk dipanggil sebagai pembina, pendekatan ini mungkin secara tidak sengaja mencemarkan ruang nama global.

Gelagat Instance yang Diwarisi

Dengan menggunakan kata kunci baharu seperti yang ditunjukkan, semua kejadian WeatherWidget akan mewarisi daripada contoh Widget yang sama, menghasilkan prototaip berikut rantai:

[new WeatherWidget()] → [new Widget()] → [Widget.prototype] → …

Susunan khusus ini boleh sesuai apabila semua tika WeatherWidget bertujuan untuk berkongsi nilai harta yang diwarisi daripada tika Widget. Walau bagaimanapun, dalam kebanyakan senario, warisan dikongsi sedemikian adalah tidak diingini.

Warisan Berasaskan Kelas yang Betul

Untuk melaksanakan warisan berasaskan kelas dengan berkesan dalam JavaScript, yang menggunakan prototaip, pendekatan berikut disyorkan:

function Dummy () {}
Dummy.prototype = Widget.prototype;
WeatherWidget.prototype = new Dummy();
WeatherWidget.prototype.constructor = WeatherWidget;

Teknik ini memastikan kejadian WeatherWidget mewarisi sifat dengan betul melalui rantaian prototaip, tetapi tanpa berkongsi nilai harta antara kejadian kerana mereka mewarisi prototaip daripada pembina Dummy perantara. Berikut ialah rantaian prototaip yang terhasil:

[new WeatherWidget()] → [new Dummy()] → [Widget.prototype] → …

Memanfaatkan Ciri JavaScript Moden

Dalam pelaksanaan JavaScript moden yang mematuhi ECMAScript 5 dan lebih baharu, pendekatan berikut diutamakan:

WeatherWidget.prototype = Object.create(Widget.prototype, {
  constructor: {value: WeatherWidget}
});

Pendekatan ini mempunyai faedah tambahan untuk mencipta pembina yang tidak boleh dikira dan tidak boleh dikonfigurasikan harta.

Memanggil Pembina Induk

Akhir sekali, adalah penting untuk ambil perhatian bahawa pembina induk (dalam kes ini, Widget) hanya akan dipanggil secara eksplisit dari dalam pembina anak (WeatherWidget), serupa kepada cara memohon atau kaedah panggilan digunakan:

function WeatherWidget (…)
{
  Widget.apply(this, arguments);
}

Atas ialah kandungan terperinci Apakah Peranan `baru` dalam Warisan Prototaip JavaScript: `Derived.prototype = New Base`?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!