Apakah Perbezaan Antara `ini` dan `prototaip` dalam JavaScript?

Memahami Kehalusan 'prototaip' vs. 'ini' dalam JavaScript

Pengenalan

Dalam bidang pengaturcaraan JavaScript, istilah 'prototaip ' dan 'ini' memainkan peranan penting dalam pembangunan berorientasikan objek. Walau bagaimanapun, tingkah laku mereka yang berbeza boleh menyebabkan kekeliruan. Artikel ini bertujuan untuk menjelaskan perbezaan antara konsep ini dan memberikan pemahaman yang menyeluruh tentang penggunaannya.

'prototaip' lwn. 'ini'

'ini'

'ini' ialah kata kunci khas yang merujuk kepada konteks semasa di mana fungsi digunakan. Ia menyediakan akses kepada sifat contoh dan kaedah objek. Jika fungsi dipanggil tanpa operator 'baru', 'ini' akan lalai kepada objek global (tetingkap dalam persekitaran penyemak imbas).

'prototaip'

'prototaip' ialah harta fungsi yang menyediakan cara untuk berkongsi sifat dan kaedah antara berbilang kejadian fungsi. Setiap tika fungsi akan mempunyai akses kepada sifat dan kaedah prototaip melalui sifat [[Prototaip]] tersembunyinya.

Senario Contoh

Senario 1:

Mentakrifkan kaedah terus pada fungsi:

var A = function () {
    this.x = function () {
        // Do something
    };
};

Dalam ini senario, ungkapan 'this.x()' merujuk 'window.x()' kerana 'this' lalai kepada objek global.

Senario 2:

Mentakrifkan kaedah pada prototaip:

var A = function () { };
A.prototype.x = function () {
    // Do something
};

Di sini, kaedah 'x()' ialah diberikan kepada objek prototaip ('A.prototype'). Ini membenarkan semua tika 'A' mengakses kaedah 'x()'.

Nota Tambahan

• Pembina menggunakan operator 'baharu' untuk mencipta tika fungsi. Apabila fungsi dipanggil dengan 'baru,' 'ini' terikat pada objek baharu.
• Mensiri objek ke JSON hanya akan menyertakan sifatnya sendiri, bukan sifat yang ditakrifkan pada prototaip.

Soalan Berkaitan

• Apakah prototaip JavaScript nature?
• Bagaimanakah kata kunci 'ini' berkelakuan dalam JavaScript?
• Apakah skop fungsi dalam JavaScript?

Pertimbangan Memori

Perlu diingat bahawa menggunakan 'prototaip' untuk berkongsi kaedah mungkin tidak semestinya membawa kepada penjimatan memori yang ketara. Walau bagaimanapun, ia secara amnya mengurangkan penggunaan memori berbanding setiap contoh yang mempunyai salinan kaedahnya sendiri.

Atas ialah kandungan terperinci Apakah Perbezaan Antara `ini` dan `prototaip` dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!