Bagaimanakah Kaedah `bind` JavaScript Kawal `ini` dan Dayakan Aplikasi Fungsi Separa?

Kuasa Kaedah 'bind' JavaScript

Dalam bidang JavaScript, kaedah 'bind' memberikan pembangun keupayaan untuk mengawal konteks 'ini' dalam fungsi. Dengan mengikat fungsi pada objek tertentu, anda boleh memastikan bahawa 'ini' merujuk kepada objek itu apabila fungsi dipanggil.

Pertimbangkan contoh berikut:

var myButton = {
  content: 'OK',
  click() {
    console.log(this.content + ' clicked');
  }
};

Jika kita memanggil ' klik' terus, 'ini' akan merujuk kepada objek global dan bukan objek 'myButton'. Ini boleh membawa kepada tingkah laku yang tidak dijangka. Untuk membetulkannya, kita boleh menggunakan 'bind':

var boundClick = myButton.click.bind(myButton);

Sekarang, apabila kita memanggil 'boundClick', 'ini' akan merujuk kepada 'myButton', jadi kita mendapat output yang diingini:

OK clicked

Selain mengikat 'ini', 'bind' juga membenarkan anda menggunakan sebahagian parameter pada fungsi. Ini bermakna anda boleh mencipta fungsi baharu yang mempunyai beberapa parameter yang telah ditetapkan. Contohnya:

var sum = function(a, b) {
  return a + b;
};

var add5 = sum.bind(null, 5);
console.log(add5(10)); // Outputs 15

Dalam versi JavaScript akan datang (mis., ES2015), fungsi anak panah menyediakan alternatif yang lebih ringkas untuk 'mengikat'. Walau bagaimanapun, 'bind' kekal sebagai alat yang berharga untuk mengawal 'ini' dan menggunakan sebahagian parameter.

Atas ialah kandungan terperinci Bagaimanakah Kaedah `bind` JavaScript Kawal `ini` dan Dayakan Aplikasi Fungsi Separa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!