Mengapa pewarisan kelas dalam ES6 perlu memanggil super?

Sebab: Pembina terbitan tidak akan mencipta objek ini yang baharu, iaitu subkelas tidak mempunyai ini sendiri; hanya objek ini yang dicipta oleh kelas asas (kelas induk) melalui super() . Seterusnya, Kelas terbitan boleh menggunakan ini untuk menjana sifat objek sama seperti kelas asas.

Persekitaran pengendalian tutorial ini: sistem Windows 7, ECMAScript versi 6, komputer Dell G3.

Titik utama sering disebut semasa mempelajari warisan kelas ES6

Apabila Subkelas subkelas mewarisi pembina pembina kelas induk SuperClass, terdapat dua keperluan:

• 1) super() mesti dipanggil dalam pembina.

• 2) Ini mesti ditulis selepas super().

Maksud pertama ialah menyelesaikan kekaburan antara kelas induk dan subkelas, dan ditentukan bahawa

"subkelas tidak mempunyai kelasnya sendiri this" Satu konsep

Subkelas dan kelas induk ialah konsep relatif. Kerana kelas boleh menjadi kedua-dua subkelas dan kelas induk, ES6 menggunakan konsep mutlak: kelas asas dan kelas terbitan. Dan konsep ini digunakan untuk semua pembina dalam JS sama ada asas atau terbitan.

Dalam ES6, pembina (fungsi) yang kita tulis secara santai adalah semua kelas asas Kelas asas boleh menggunakan ini secara langsung untuk menunjuk ke objek yang memanggil kaedahnya.

Kami telah merumuskan ini dengan sendiri: Sesiapa yang memanggil ini, ini akan menunjuk kepada.

        function Super(name) {
            this.name = name；
            SuperFactory.prototype.sayHi = function () {
                console.log("Hi");
            }
        }
 
       let super = new Super("peter");//通过new创建了新的对象，Super()中的this即指向这个对象

Kelas terbitan dalam ES6 ialah kelas lanjutan. Pembina terbitan tidak akan mencipta objek <span style="background-color:#ffd900;">this</span>iniobjek<span style="background-color:#ffd900;">(或者说this指向的对象</span>(atau ini Objek ditunjuk kepada ) (Di sini anda boleh menyemak perkara yang dilakukan oleh kata kunci baharu , iaitu apa yang dipanggil "subkelas tidak mempunyai ini sendiri". <span style="background-color:#ffd900;">super()</span> Sahaja oleh super()

 class SuperClass {                //基类 not父类
    constructor(name) {
        this.name = name;
        }
     sayHi() {
        console.log("Hi");
        }
    }；
 
class SubClass extends SuperClass {//派生类 not子类
    constructor(name，age) {
                surpe(name);
                this.age = age；
            }
    sayNo() {
        console.log("NO");
        }
    }；
        
let subinst = new subClass('tom',18);
subinst.sayHi();//Hi
subinst.sayNo();//NO

dan kemudian

objek ini dicipta oleh kelas asas, kelas terbitan boleh menggunakan ini untuk menjana objek seperti kelas asas . atribut.

Jadi mengapa ini mesti ditulis selepas super()

class Person {
  constructor(name) {
    this.name = name;
  }
}
 
class PolitePerson extends Person {
  constructor(name) {
    this.greetColleagues(); // 这里不允许我们使用this,下面解释
    super(name);
  }
  greetColleagues() {
    alert('Good morning folks!');
  }
}

adalah untuk mengelakkan perangkap kod

greetColleagues() {
    alert('Good morning folks!');
    alert('My name is ' + this.name + ', nice to meet you!');
  }

Contoh di atas menganggap bahawa super dipanggil. ( ) membenarkan penggunaan ini sebelum beberapa ketika, untuk memenuhi beberapa keperluan, kami menambah dalam greetColleagues( ):

Tetapi kami terlupa bahawa ini.greetColleagues( ) sebelum super. ( ) dipanggil, nama .ini tidak ditakrifkan sama sekali, dan kod itu akan menimbulkan ralat. Mungkin sukar untuk memikirkan bila ia akan berlaku dalam kod seperti ini perangkap ini, JavaScript diperlukan untuk digunakan dalam pembina Sebelum ini, super mesti dipanggil terlebih dahulu.

Atas ialah kandungan terperinci Mengapa pewarisan kelas dalam ES6 perlu memanggil super?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!