Dalam tutorial ini, anda akan belajar mengenai kelas JavaScript dengan bantuan contoh.
Kelas adalah salah satu ciri yang diperkenalkan dalam versi ES6 JavaScript.
Kelas adalah cetak biru untuk objek. Anda boleh membuat objek dari kelas.
Anda boleh menganggap kelas sebagai lakaran (prototaip) rumah. Ia mengandungi semua perincian mengenai lantai, pintu, tingkap, dll. Berdasarkan keterangan ini, anda membina rumah tersebut. Rumah adalah objek.
Oleh kerana banyak rumah boleh dibuat dari keterangan yang sama, kita dapat membuat banyak objek dari kelas.
Membuat Kelas JavaScript
Kelas JavaScript serupa dengan fungsi konstruktor Javascript, dan ia hanyalah gula sintaksis.
Fungsi konstruktor ditakrifkan sebagai:
// constructor function function Person () ( this.name = 'John', this.age = 23 ) // create an object const person1 = new Person();
Daripada menggunakan functionkata kunci, anda menggunakan classkata kunci untuk membuat kelas JS. Sebagai contoh,
// creating a class class Person ( constructor(name) ( this.name = name; ) )
Kata classkunci digunakan untuk membuat kelas. Sifat ditugaskan dalam fungsi konstruktor.
Sekarang anda boleh membuat objek. Sebagai contoh,
// creating a class class Person ( constructor(name) ( this.name = name; ) ) // creating an object const person1 = new Person('John'); const person2 = new Person('Jack'); console.log(person1.name); // John console.log(person2.name); // Jack
Di sini, person1dan person2 adalah objek Personkelas.
Catatan : constructor()Kaedah di dalam kelas dipanggil secara automatik setiap kali objek dibuat.
Kaedah Kelas Javascript
Semasa menggunakan fungsi konstruktor, anda menentukan kaedah sebagai:
// constructor function function Person (name) ( // assigning parameter values to the calling object this.name = name; // defining method this.greet = function () ( return ('Hello'' + ' ' + this.name); ) )
Sangat mudah untuk menentukan kaedah dalam kelas JavaScript. Anda hanya memberikan nama kaedah yang diikuti oleh (). Sebagai contoh,
class Person ( constructor(name) ( this.name = name; ) // defining method greet() ( console.log(`Hello $(this.name)`); ) ) let person1 = new Person('John'); // accessing property console.log(person1.name); // John // accessing method person1.greet(); // Hello John
Catatan : Untuk mengakses kaedah objek, anda perlu memanggil kaedah menggunakan namanya diikuti oleh ().
Pengawal dan Pengawal
Dalam JavaScript, kaedah getter mendapatkan nilai objek dan kaedah setter menetapkan nilai objek.
Kelas JavaScript mungkin merangkumi pemula dan pengatur. Anda menggunakan getkata kunci untuk kaedah getter dan setuntuk kaedah setter. Sebagai contoh,
class Person ( constructor(name) ( this.name = name; ) // getter get personName() ( return this.name; ) // setter set personName(x) ( this.name = x; ) ) let person1 = new Person('Jack'); console.log(person1.name); // Jack // changing the value of name property person1.personName = 'Sarah'; console.log(person1.name); // Sarah
Mengangkat
Kelas mesti ditentukan sebelum menggunakannya. Tidak seperti fungsi dan pengisytiharan JavaScript yang lain, kelas tidak dikibarkan. Sebagai contoh,
// accessing class const p = new Person(); // ReferenceError // defining class class Person ( constructor(name) ( this.name = name; ) )
Seperti yang anda lihat, mengakses kelas sebelum menentukannya menimbulkan ralat.
'gunakan ketat'
Kelas selalu mengikuti 'use-ketat'. Semua kod di dalam kelas secara automatik dalam mod ketat. Sebagai contoh,
class Person ( constructor() ( a = 0; this.name = a; ) ) let p = new Person(); // ReferenceError: Can't find variable: a
Catatan : Kelas JavaScript adalah jenis fungsi khas. Dan typeofpengendali kembali functionuntuk kelas.
Sebagai contoh,
class Person () console.log(typeof Person); // function
