Apa itu Kelas JavaScript dan bagaimana cara menggunakannya?

Dalam pemrograman berorientasi objek, kelas adalah templat-kode-program yang dapat diperluas untuk membuat objek. kelas dapat dianggap sebagai gula sintaksis atas warisan berbasis prototipe JavaScript yang ada. Pada artikel ini, kita akan mendalami kelas JavaScript dan mempelajari cara menggunakannya dalam urutan berikut:

• Apa itu Kelas JavaScript?
• Bagaimana cara menggunakan Kelas JavaScript?
  • Tentukan Kelas
  • Tentukan Metode
  • Memperluas Kelas

Apa itu Kelas JavaScript?

Dalam JavaScript, kelas adalah jenis fungsi dan dideklarasikan dengan kata kunci kelas. Anda perlu menggunakan sintaks ekspresi fungsi untuk menginisialisasi fungsi dan sintaks ekspresi kelas untuk menginisialisasi kelas.

// Inisialisasi fungsi dengan ekspresi fungsi const a = function () {}

// Inisialisasi kelas dengan ekspresi kelas const b = class {}

Dalam JavaScript, alih-alih menggunakan fungsi kata kunci untuk memulainya, kami menggunakan kelas kata kunci. Juga, properti ditugaskan di dalam metode konstruktor ().

Bagaimana cara menggunakan Kelas JavaScript?

Kode dideklarasikan dengan fungsi dan kelas keduanya mengembalikan fungsi [[Prototipe]]. Dengan prototipe, fungsi apa pun bisa menjadi turunan konstruktor menggunakan kata kunci baru. Sebagai contoh:

const a = class {} // Inisialisasi konstruktor dari kelas const constructorFromClass = new a () console.log (constructorFromClass)

Keluaran:

sebuah {} konstruktor: kelas

Sekarang, ada tiga cara berbeda untuk menggunakan class di JavaScript. Mari kita bahas detail setiap metode dengan sebuah contoh.

Tentukan Kelas

Fungsi konstruktor diinisialisasi dengan sejumlah parameter, yang ditetapkan sebagai properti 'ini' , mengacu pada fungsinya itu sendiri. Huruf pertama pengenal dikapitalisasi oleh konvensi.

// Inisialisasi karyawan fungsi fungsi konstruktor (name, empid) {this.name = name this.empid = empid}

Sekarang, jika kita menerjemahkan ini ke sintaks kelas, Anda akan melihat bahwa strukturnya sangat mirip.

// Inisialisasi kelas definisi kelas karyawan {konstruktor (nama, empid) {this.name = name this.empid = empid}}

Kita dapat mengatakan bahwa kata kunci class berkomunikasi dengan cara yang lebih lugas. Satu-satunya perbedaan dalam sintaksis inisialisasi adalah menggunakan kata kunci kelas, bukan fungsi. Juga, ini menetapkan properti di dalam metode konstruktor ().

Tentukan Metode

Praktik umum lainnya dengan fungsi konstruktor adalah menetapkan metode langsung ke prototipe, bukan di inisialisasi. Kami akan mengambil contoh dan melihat cara kerjanya:

function employee (name, empid) {this.name = name this.empid = empid} // Menambahkan metode ke konstruktor employee.prototype.greet = function () {return `$ {this.name} mengatakan halo`}

Saat Anda menulis kode yang sama dengan class, ini disederhanakan dan metode ditambahkan secara langsung.

class karyawan {konstruktor (name, empid) {this.name = name this.empid = empid} // Menambahkan metode ke konstruktor greet () {return `$ {this.name} mengatakan halo .`}}

Meskipun kelas memungkinkan sintaks yang lebih sederhana dan ringkas, terkadang Anda mungkin harus berkompromi dengan kejelasan dalam prosesnya.

Memperluas Kelas

Keuntungan dari fungsi dan kelas konstruktor adalah bahwa mereka dapat diperluas menjadi cetak biru objek baru berdasarkan induknya. Ini membantu dalam pencegahan pengulangan kode untuk objek yang serupa tetapi membutuhkan beberapa fitur tambahan atau lebih spesifik.

Fungsi konstruktor baru dapat dibuat dari induk menggunakan metode call (). Sebagai contoh:

// Membuat konstruktor baru dari info fungsi induk (nama, empid, gaji) {// Konstruktor rantai dengan panggilan employee.call (this, name, empid) this.salary = gaji}

Sekarang, ketika kita menulis kode yang sama menggunakan class, kata kunci super digunakan sebagai pengganti panggilan untuk mengakses fungsi induk.

// Membuat kelas baru dari kelas induk info extends karyawan {konstruktor (nama, empid, gaji) {// Konstruktor rantai dengan super super (nama, empid) // Tambahkan properti baru this.salary = gaji}}

Kelas memberi Anda cara yang lebih ringkas untuk berkreasi obyek cetak biru, dan fungsi konstruktor menjelaskan apa yang terjadi di bawah tenda dengan cara yang lebih spesifik.

kelebihan dan kekurangan python

Dengan ini, kita sampai pada akhir artikel kita. Saya harap Anda mengerti cara menggunakan Kelas JavaScript.

Sekarang setelah Anda mengetahui tentang Kelas JavaScript, lihat oleh Edureka. Pelatihan Sertifikasi Pengembangan Web akan membantu Anda mempelajari cara membuat situs web yang mengesankan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery, dan Google API, serta menerapkannya ke Amazon Simple Storage Service (S3).

Ada pertanyaan untuk kami? Harap sebutkan di bagian komentar 'Kelas JavaScript' dan kami akan menghubungi Anda kembali.