Dua cara berbeda untuk membuat kelas dan objek di JS

Dalam JavaScript, ketika Anda mendefinisikan fungsi baru, Anda benar -benar mendeklarasikan kelas baru, dan fungsi ini sendiri setara dengan konstruktor kelas. Kode berikut menunjukkan kepada Anda dua cara berbeda untuk membuat kelas orang baru, dan definisi orang tersebut. Definisi Prototipe mengikuti definisi fungsi.

 var person = function (name) {// fungsi anonim, dan menetapkan fungsi ini ke variabel orang. Pada saat ini, orang menjadi kelas this.name = name; } function person (name) {// Langsung mendefinisikan fungsi yang disebut orang untuk mewakili kelas orang this.name = name; } Person.prototype = {// define prototipe domain printName orang: function () {// tentukan peringatan fungsi cetak (this.name); }}

Setelah Anda mendeklarasikan kelas melalui suatu fungsi, Anda dapat instantiasi kelas melalui operator baru. Dengan cara ini, Anda dapat menghubungi fungsi anggota kelas untuk menyelesaikan logika Anda.

 var orang = orang baru ("Joe Smith"); // Gunakan operator baru untuk membuat instance orang baru dan menetapkannya ke variabel orang.printname (); // Orang dapat dianggap sebagai referensi ke sebuah instance, jadi fungsi anggota di kelas orang dapat dipanggil melalui referensi ini

Mari kita ringkas seluruh proses dan langkah -langkah untuk membuat instance dari kelas baru:

1. Deklarasikan kelas baru dengan mendefinisikan fungsi (nama anonim atau asli).

2. Jika perlu, tentukan domain prototipe kelas baru ini.

3. Gunakan operator baru untuk mengikuti fungsi yang Anda tentukan untuk membuat instance kelas baru. Setelah kompiler JavaScript bertemu dengan operator baru, itu sebenarnya membuat variabel instance kelas kosong.

4. Salin properti dan metode dalam domain prototipe semua kelas ini ke dalam instance baru ini, dan arahkan semua petunjuk ini dalam fungsi anggotanya ke instance yang baru dibuat ini.

5. Selanjutnya, jalankan fungsi segera mengikuti operator baru.

6. Saat Anda menjalankan fungsi ini, jika Anda mencoba menetapkan properti yang tidak ada, kompiler JavaScript akan secara otomatis membuat properti ini untuk Anda dalam ruang lingkup instance ini.

7. Setelah fungsi dieksekusi, kembalikan instance yang diinisialisasi ini.

Dalam prototipe, menggunakan objek kelas, Anda dapat mendeklarasikan objek baru dengan cara yang relatif sederhana. Dengan menggunakan class.create (), prototipe membuat inisialisasi konstruktor default () untuk Anda. Setelah Anda menerapkan fungsi ini, Anda dapat membuat instance kelas baru dengan cara yang mirip dengan konstruktor di Java.