Bagaimana Anda memanggil kelas dalam javascript?

Pada artikel ini, kita belajar bagaimana memanggil konstruktor kelas induk. Sebelum memulai artikel ini, kita harus memiliki pengetahuan dasar tentang javascript dan beberapa konsep dasar pewarisan dalam javascript

• Konstruktor. Konstruktor membuat instance kelas, yang biasanya disebut sebagai objek. Kata kunci baru dalam JavaScript menyebabkan konstruktor dipanggil saat objek dideklarasikan. Konstruktor membuat objek dan menyetel properti objek apa pun jika ada
• Warisan dalam javascript. Kemampuan suatu objek untuk mengakses properti dan metode objek lain disebut pewarisan. Objek dapat mewarisi properti dan metode dari objek lain. JavaScript mewarisi properti melalui prototipe, dan bentuk pewarisan ini sering disebut sebagai pewarisan prototipe
• Kata kunci super dalam javascript. Dengan mengeksekusi metode super() dalam metode konstruktor, kami memanggil metode konstruktor induk dan mendapatkan akses ke properti dan metode induk. kita hanya bisa menggunakan kata kunci super di kelas anak dari kelas induk

Sekarang mari kita pahami melalui contoh Bagaimana memanggil konstruktor kelas induk

Contoh. Dalam contoh ini, kita akan mengambil dua kelas satu untuk kelas induk dan satu lagi untuk kelas anak untuk mewarisi properti dan metode dari kelas induk sehingga kita harus menggunakan kata kunci extends untuk mewarisi kelas anak dari . Kemudian di dalam konstruktor kelas anak, kita harus memanggil konstruktor kelas induk jika tidak kompiler akan membuat kesalahan dan memberitahu Anda untuk menyebutkan atau memanggil konstruktor dalam metode konstruktor kelas anak sebelum mengakses ini

JavaScript

class Geeks {

    constructor(num1) {

        this.num1 = num1;

    }

inside Parent Class constructor
inside Child class Constructor

inside Parent Class constructor
inside Child class Constructor

inside Parent Class constructor
inside Child class Constructor

inside Parent Class constructor
inside Child class Constructor

    }

}

inside Parent Class constructor
inside Child class Constructor

    class Geeks {1

        class Geeks {3

        class Geeks {5class Geeks {6

        this________15______9

    }

inside Parent Class constructor
inside Child class Constructor

        class Geeks {5    6

inside Parent Class constructor
inside Child class Constructor

inside Parent Class constructor
inside Child class Constructor

    }

}

constructor(num1) {4constructor(num1) {5 constructor(num1) {6

constructor(num1) {7

Keluaran

Parent class method call
child class method call

Contoh 2. Ini tidak dapat digunakan dalam konstruktor kelas anak sampai super dipanggil. Di ES6, konstruktor untuk subkelas diharuskan untuk memanggil super, atau mereka harus mengembalikan beberapa objek menggantikan objek yang tidak pernah diinisialisasi. Dalam contoh ini, kelas Geeks adalah kelas induk dari MyClass dan ketika sebuah objek dibuat dari tipe MyClass terlebih dahulu ia memanggil konstruktor MyClass di dalam konstruktor MyClass, kita harus memanggil konstruktor kelas induk sebelum mengakses "ini" (objek sendiri). Jadi pertama-tama ia memanggil konstruktor kelas induk (kelas Geeks) sebelum mengakses objeknya sendiri

Katakanlah berikut ini adalah variabel kami -

var message = 'This is the Class Demo';

Berikut ini adalah objek kami,

var object = new FirstClass(message)

Kelas FirstClass −

class FirstClass{
   constructor( message){
      this.message = message;
   }
}

Kami akan menggunakan eval() untuk memanggil objek kelas JavaScript dengan variabel. Berikut ini adalah kode -

Contoh

class FirstClass{
   constructor( message){
      this.message = message;
   }
}
var message = 'This is the Class Demo';
var object = new FirstClass(message)
console.log(eval(object).message);

Untuk menjalankan program di atas, Anda perlu menggunakan perintah berikut –

node fileName.js.

Di sini, nama file saya adalah demo121. js

Keluaran

Ini akan menghasilkan output berikut -

PS C:\Users\Amit\JavaScript-code> node demo121.js
This is the Class Demo

Bagaimana cara memanggil metode kelas dalam JavaScript?

Bagaimana cara memanggil kelas JavaScript dalam HTML?

Bagaimana cara mengakses kelas dalam JavaScript?

Bagaimana Anda mendeklarasikan kelas dalam JavaScript?