Dalam pengaturcaraan berorientasikan objek, kelas adalah templat-kod program yang dapat diperluas untuk membuat objek. kelas boleh dianggap sebagai gula sintaksis berbanding warisan berasaskan prototaip JavaScript yang ada. Dalam artikel ini, kita akan masuk ke dalam kelas JavaScript dan mempelajari cara menggunakannya dalam urutan berikut:
Apa itu Kelas JavaScript?
Dalam JavaScript, kelas adalah jenis fungsi dan dinyatakan dengan kata kunci kelas. Anda perlu menggunakan sintaks ekspresi fungsi untuk memulakan fungsi dan sintaks ungkapan kelas untuk memulakan kelas.
// Memulakan fungsi dengan fungsi ekspresi const a = function () {}// Memulakan kelas dengan ekspresi kelas const b = class {}Dalam JavaScript, alih-alih menggunakan fungsi kata kunci untuk memulai, kami menggunakan kelas kata kunci. Juga, sifat diberikan dalam kaedah konstruktor ().
Bagaimana cara menggunakan Kelas JavaScript?
Kod yang dinyatakan dengan fungsi dan kelas kedua-duanya mengembalikan fungsi [[Prototaip]]. Dengan prototaip, fungsi apa pun dapat menjadi contoh konstruktor menggunakan kata kunci baru. Sebagai contoh:
const a = class {} // Memulakan konstruktor dari class const konstruktorFromClass = new ((console.log)Pengeluaran:
a {} pembina: kelasSekarang, ada tiga cara menggunakan kelas dalam JavaScript. Mari kita perhatikan perincian setiap kaedah dengan contoh.
Tentukan Kelas
Fungsi konstruktor diinisialisasi dengan sejumlah parameter, yang ditetapkan sebagai sifat 'Ini' , merujuk kepada fungsi itu sendiri. Huruf pertama pengecam ditulis dengan huruf besar menurut konvensyen.
// Memulakan fungsi fungsi konstruktor (nama, empid) {this.name = name this.empid = empid}Sekarang, jika kita menerjemahkannya ke sintaks kelas, anda akan melihat bahawa strukturnya sangat serupa.
// Memulakan pekerja kelas definisi kelas {konstruktor (nama, empid) {this.name = name this.empid = empid}}Kita boleh mengatakan bahawa kata kunci kelas berkomunikasi dengan cara yang lebih mudah. Satu-satunya perbezaan dalam sintaks inisialisasi adalah menggunakan kata kunci kelas dan bukannya fungsi. Juga, ia memberikan sifat di dalam kaedah konstruktor ().
Tentukan Kaedah
Amalan biasa yang lain dengan fungsi pembina adalah menetapkan kaedah terus ke prototaip dan bukannya dalam inisialisasi. Kami akan mengambil contoh dan melihat bagaimana ia berfungsi:
pekerja fungsi (nama, empid) {this.name = name this.empid = empid} // Menambah kaedah untuk pekerja konstruktor.prototype.greet = function () {return `$ {this.name} bertanya khabar.`}Apabila anda menulis kod yang sama dengan kelas, kaedah ini dipermudahkan dan kaedahnya ditambahkan secara langsung.
pekerja kelas {konstruktor (nama, empid) {this.name = name this.empid = empid} // Menambah kaedah untuk pembangun menyapa () {return `$ {this.name} bertanya khabar.`}}Walaupun kelas memungkinkan untuk sintaks yang lebih mudah dan ringkas, kadang-kadang anda mungkin harus berkompromi dengan kejelasan dalam prosesnya.
Memperluaskan Kelas
Kelebihan fungsi dan kelas konstruktor ialah mereka dapat diperluas ke dalam rangka tindakan objek baru berdasarkan induk. Ini membantu dalam mencegah pengulangan kod untuk objek yang serupa tetapi memerlukan beberapa ciri tambahan atau lebih khusus.
Fungsi konstruktor baru boleh dibuat dari ibu bapa menggunakan kaedah panggilan (). Sebagai contoh:
// Membuat konstruktor baru dari maklumat fungsi ibu bapa (nama, empid, gaji) {// Pembina rantai dengan pekerja panggilan.call (ini, nama, empid) ini. gaji = gaji}Sekarang, apabila kita menulis kod yang sama menggunakan kelas, kata kunci super digunakan sebagai ganti panggilan untuk mengakses fungsi induk.
// Membuat kelas baru dari maklumat kelas induk meluaskan pekerja {konstruktor (nama, empid, gaji) {// Pembina rantai dengan super super (nama, empid) // Tambahkan harta baru ini.salary = gaji}}Kelas memberikan anda kaedah membuat yang lebih ringkas objek rangka tindakan, dan fungsi pembina menggambarkan apa yang berlaku di bawah tudung dengan cara yang lebih spesifik.
Dengan ini, kami telah sampai ke akhir artikel kami. Saya harap anda memahami cara menggunakan Kelas JavaScript.
Sekarang setelah anda mengetahui tentang Kelas JavaScript, lihat oleh Edureka. Latihan Pengesahan Pembangunan Web akan membantu anda belajar bagaimana membuat laman web yang mengagumkan menggunakan HTML5, CSS3, Twitter Bootstrap 3, jQuery dan Google API dan menyebarkannya ke Amazon Simple Storage Service (S3).
Ada soalan untuk kami? Sila sebutkan di bahagian komen 'Kelas JavaScript' dan kami akan menghubungi anda.
transformasi dalam informatica dengan contoh