Dalam tutorial ini, Anda akan belajar tentang kelas JavaScript dengan bantuan contoh.
Kelas adalah salah satu fitur yang diperkenalkan dalam JavaScript versi ES6 .
Kelas adalah cetak biru untuk objek tersebut. Anda dapat membuat objek dari kelas.
Anda dapat menganggap kelas tersebut sebagai sketsa (prototipe) sebuah rumah. Ini berisi semua detail tentang lantai, pintu, jendela, dll. Berdasarkan uraian ini, Anda membangun rumah. Rumah adalah objeknya.
Karena banyak rumah dapat dibuat dari deskripsi yang sama, kita dapat membuat banyak objek dari satu kelas.
Membuat Kelas JavaScript
Kelas JavaScript mirip dengan fungsi konstruktor Javascript, dan ini hanyalah gula sintaksis.
Fungsi konstruktor didefinisikan sebagai:
// constructor function function Person () ( this.name = 'John', this.age = 23 ) // create an object const person1 = new Person();
Alih-alih 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. Properti ditugaskan dalam fungsi konstruktor.
Sekarang Anda dapat 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()Metode di dalam kelas dipanggil secara otomatis setiap kali sebuah objek dibuat.
Metode Kelas Javascript
Saat menggunakan fungsi konstruktor, Anda mendefinisikan metode 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); ) )
Mudah untuk mendefinisikan metode di kelas JavaScript. Anda cukup memberi nama metode yang diikuti dengan (). 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 metode suatu objek, Anda perlu memanggil metode menggunakan namanya diikuti dengan ().
Getters dan Setter
Dalam JavaScript, metode pengambil mendapatkan nilai objek dan metode penyetel menetapkan nilai objek.
Kelas JavaScript mungkin termasuk getter dan setter. Anda menggunakan getkata kunci untuk metode pengambil dan setmetode penyetel. 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 harus ditentukan sebelum menggunakannya. Tidak seperti fungsi dan deklarasi JavaScript lainnya, kelas tersebut tidak diangkat. 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 akan menimbulkan kesalahan.
'gunakan ketat'
Kelas selalu mengikuti 'gunakan-ketat'. Semua kode di dalam kelas secara otomatis dalam mode 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 khusus. Dan typeofoperator kembali functionuntuk sebuah kelas.
Sebagai contoh,
class Person () console.log(typeof Person); // function
