Adakah kelas es6 satu fungsi?

kelas es6 ialah fungsi. Dalam es6, kelas (kelas) diperkenalkan sebagai templat untuk objek Kelas boleh ditakrifkan melalui kata kunci kelas Sintaks ialah "nama kelas {...}; intipati kelas ialah fungsi (fungsi), iaitu a gula sintaksis. Lapisan bawah dicipta melalui "pembina"

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

kelas es6 ialah fungsi

Dalam ES6, kelas (kelas) diperkenalkan sebagai templat untuk objek, dan kelas boleh ditakrifkan melalui kata kunci kelas adalah fungsi.

Ia boleh dianggap sebagai gula sintaksis, dan lapisan bawahnya dicipta melalui

, menjadikan kaedah penulisan prototaip objek lebih jelas dan lebih seperti sintaks pengaturcaraan berorientasikan objek .

Kod di atas dilaksanakan menggunakan

ES6, iaitu kaedah pembina berikut data kelas. Jenisnya ialah fungsi, dan kelas itu sendiri menunjuk kepada pembina Apabila mentakrifkan kelas, tidak perlu menambah fungsi di hadapan, dan tidak perlu memisahkan kaedah dengan koma >构造函数Semua kaedah kelas ditakrifkan pada atribut prototaip kelas

function Person(name, age) {
    this.name = name;
    this.age = age;
}
Person.prototype.sayName = function() {
    return this.name;
}

const xiaoming = new Person('小明', 18);
console.log(xiaoming);

Memanggil kaedah pada contoh kelas sebenarnya memanggil kaedah. pada prototaip >classContoh kelas

class Person {
    constructor(name, age) {
      this.name = name;
      this.age = age;
    }
  
    sayName() {
      return this.name;
    }
}
const xiaoming = new Person('小明', 18)
console.log(xiaoming);
// { name: '小明', age: 18 }

console.log((typeof Person));
// function
console.log(Person === Person.prototype.constructor);
// true

Melainkan atribut contoh itu ditakrifkan secara eksplisit pada dirinya sendiri (iaitu, ditakrifkan pada objek ini), ia ditakrifkan pada prototaip (iaitu , ditakrifkan pada kelas).

Nota:

1 Tiada promosi berubah-ubah dalam kelas

Kerana ES6 tidak akan mempromosikan pengisytiharan kelas kepada ketua. daripada kod. Sebab peraturan ini adalah sama, anda mesti memastikan bahawa subkelas ditakrifkan selepas kelas induk

class A {
    constructor() {}
    toString() {}
    toValue() {}
}
// 等同于
function A () {
    // constructor
};
A.prototype.toString = function() {};
A.prototype.toValue = function() {};

Kod di atas tidak akan melaporkan ralat, kerana apabila B mewarisi A, A sudah mempunyai definisi Walau bagaimanapun, jika terdapat promosi kelas, kod di atas tidak akan melaporkan ralat kerana kelas akan dinaikkan ke kepala kod, tetapi perintah let tidak dinaikkan pangkat, jadi apabila B mewarisi A, Foo belum ditakrifkan lagi

let a = new A();
a.constructor === A.prototype.constructor // true

2. anda mesti berhati-hati. Sebaik sahaja kaedah ini digunakan secara bersendirian, ralat mungkin akan dilaporkan

Kelas boleh diluluskan

Kelas kod di atas mentakrifkan kelas Cat, yang mewarisi semua sifat dan kaedah dalam kelas Haiwan melalui kata kunci lanjutan. Tetapi oleh kerana tiada kod digunakan, kedua-dua kelas adalah sama, yang setara dengan menyalin kelas Haiwan. Seterusnya, kami menambah kod di dalam Cat.

Kata kunci super muncul dalam kedua-dua kaedah pembina dan kaedah toString Ia mewakili pembina kelas induk di sini dan digunakan untuk mencipta objek baharu ini bagi kelas induk.

new A(); // ReferenceError
class A {}

Subkelas mesti memanggil kaedah super dalam kaedah pembina, jika tidak, ralat akan dilaporkan semasa mencipta tika baharu. Ini kerana objek ini milik subkelas sendiri mesti terlebih dahulu dibentuk oleh pembina kelas induk untuk mendapatkan atribut dan kaedah contoh yang sama seperti kelas induk, dan kemudian ia diproses dan atribut dan kaedah contoh subkelas itu sendiri ditambah. Jika kaedah super tidak dipanggil, subkelas tidak akan mendapat objek ini.

{
  let A = class {};
  class B extends A {}
}

Cat mewarisi kelas induk Haiwan, tetapi pembinanya tidak memanggil kaedah super, menyebabkan kejadian baharu melaporkan ralat.

Jika subkelas tidak mentakrifkan kaedah pembina, kaedah ini akan ditambah secara lalai Kodnya adalah seperti berikut. Dalam erti kata lain, tidak kira sama ada ia ditakrifkan secara eksplisit atau tidak, mana-mana subkelas mempunyai kaedah pembina.

Perkara lain yang perlu diberi perhatian ialah pembina es5 boleh mengakses ini sebelum memanggil pembina induk, tetapi pembina es6 tidak boleh mengakses ini sebelum memanggil pembina induk (iaitu super).

Dalam kod di atas, kaedah pembina subkelas menggunakan kata kunci ini sebelum memanggil super, mengakibatkan ralat, bagaimanapun, adalah betul untuk meletakkannya selepas kaedah super.

class Animal {}
class Cat extends Animal { };

Kaedah statik kelas induk juga akan diwarisi oleh subkelas.

class Cat extends Animal {
    constructor(name, age, color) {
        // 调用父类的constructor(name, age)
        super(name, age);
        this.color = color;
    }
    toString() {
        return this.color + ' ' + super.toString(); // 调用父类的toString()
    }
}

[Cadangan berkaitan:

tutorial video javascript

,

bahagian hadapan web

]

class Animal { /* ... */ }

class Cat extends Animal {
  constructor() {
  }
}

let cp = new Cat();
// ReferenceError

Atas ialah kandungan terperinci Adakah kelas es6 satu fungsi?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!