Rumah > hujung hadapan web > tutorial js > kata kunci &#new'

kata kunci &#new'

Barbara Streisand
Lepaskan: 2024-11-30 02:02:14
asal
960 orang telah melayarinya

Dalam JavaScript, kata kunci 'baharu' mencipta tika baharu objek daripada fungsi pembina.

Tujuan Kata Kunci baharu:

  • Penciptaan objek.
  • Pautan Prototaip.
  • Mengikat 'ini' dan mengembalikan objek yang baru dibuat.

Cara Ia Berfungsi:

Apabila anda menggunakan kata kunci baharu dengan fungsi pembina, langkah berikut dilaksanakan:

  1. Objek kosong baharu dicipta.
  2. Prototaip objek baharu ditetapkan kepada prototaip fungsi pembina.
  3. Fungsi pembina dipanggil ke objek baharu dengan set 'ini'.
  4. Jika pembina tidak mengembalikan objek, objek yang baru dibuat akan dikembalikan.

Contoh :

Berikut ialah contoh kod ringkas yang menunjukkan penggunaan kata kunci baharu dalam JavaScript, meliputi semua langkah penting yang terlibat dalam penciptaan objek, pautan prototaip dan mengikat 'ini'.

// Step 1: Define a constructor function
function Car(make, model) {
    this.make = make; // Step 3: Bind properties to the new object
    this.model = model;
}

// Step 4: Add a method to the Car prototype
Car.prototype.getDetails = function() {
    return `${this.make} ${this.model}`;
};

// Step 2: Create a new instance of Car using the new keyword
const myCar = new Car('Toyota', 'Corolla');

// Using the method from the prototype
console.log(myCar.getDetails()); // Output: Toyota Corolla

// To demonstrate the prototype linkage
console.log(myCar instanceof Car); // Output: true

Salin selepas log masuk

Ringkasan

Ringkasnya, kata kunci baharu adalah penting untuk pengaturcaraan berorientasikan objek dalam JavaScript. Ia membolehkan penciptaan contoh objek baharu, menetapkan warisan prototaip, mengikat konteks ini, dan mengendalikan pemulangan objek yang dicipta. Memahami cara kerja baharu adalah penting untuk menggunakan fungsi dan kelas pembina secara berkesan dalam JavaScript.

Atas ialah kandungan terperinci kata kunci &#new'. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:dev.to
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan