JS Roundup untuk menguasai mengikat, memanggil, dan memohon kaedah-tutorial js-php.cn

Jadual Kandungan

Apa yang mengikat dan bila menggunakannya

Bagaimana panggilan berfungsi dengan pelaksanaan segera

Memohon adalah seperti panggilan tetapi ambil pelbagai

Bila hendak memilih yang mana?

Rumah

hujung hadapan web

tutorial js

JS Roundup untuk menguasai mengikat, memanggil, dan memohon kaedah

Daniel James Reed

Jul 24, 2025 am 02:55 AM

JavaScript mengikat, memanggil dan memohon digunakan untuk mengawal penunjuk ini dalam fungsi. 1.bind mencipta fungsi mengikat dan boleh preset parameter, yang sesuai untuk mengekalkan konteks apabila memproses peristiwa atau memindahkan fungsi; 2.Call melaksanakan fungsi dengan serta -merta dan lulus parameter satu demi satu, yang sesuai untuk meminjam kaedah objek; 3. Memohon adalah sama dengan panggilan tetapi melewati parameter dalam bentuk array, yang sesuai untuk senario seperti parameter array atau mencari nilai maksimum/minimum.

JS Roundup untuk menguasai mengikat, memanggil, dan memohon kaedah

Jika anda menyelam ke JavaScript, memahami bind , call , dan apply adalah suatu keharusan. Kaedah ini membolehkan anda mengawal nilai this dalam fungsi, yang menjadi sangat berguna apabila berurusan dengan kaedah objek atau fungsi pinjaman dari objek lain.

Mari pecahkannya.

Apa yang mengikat dan bila menggunakannya

Kaedah bind mencipta fungsi baru yang, apabila dipanggil, mempunyai this kunci yang ditetapkan kepada nilai tertentu. Tidak seperti call dan apply , bind tidak segera memohon fungsi -ia hanya mengembalikan versi terikatnya.

Ini berguna dalam situasi di mana anda perlu lulus fungsi di sekitar tetapi masih mahu memastikan ia berjalan dalam konteks yang betul. Contoh umum ialah pengendali acara:

 const user = {
  Nama: &#39;Alex&#39;,
  salam () {
    console.log (`Hello, $ {this.name}`);
  }
};

const button = document.getElementById (&#39;MyButton&#39;);
Button.AdDeventListener (&#39;klik&#39;, user.greet.bind (pengguna));

Tanpa mengikat, this.name tidak akan ditentukan kerana konteksnya berubah apabila fungsi itu diluluskan secara berasingan dari objek.

Anda juga boleh menetapkan argumen dengan bind . Seperti ini:

 fungsi membiak (a, b) {
  kembali a * b;
}

const double = multiply.bind (null, 2);
console.log (double (5)); // 10

Di sini, kami menetapkan hujah pertama kepada 2, jadi setiap kali double dipanggil, ia berganda 2 dengan nombor apa pun yang akan datang.

Bagaimana panggilan berfungsi dengan pelaksanaan segera

Kaedah call membolehkan anda memanggil fungsi dengan diberikan this dan argumen yang diberikan secara individu.

Ia amat berguna apabila anda ingin meminjam kaedah dari satu objek dan menggunakannya pada yang lain:

 const Cat = {
  Bunyi: &#39;Meow!&#39;,
  dibuat () {
    console.log (this.sound);
  }
};

const dog = {
  Bunyi: &#39;Woof!&#39;
};

cat.makesound.call (anjing); // output: woof!

Dalam kes ini, walaupun makeSound milik cat , kami memanggilnya dengan dog sebagai konteks.

Juga, jika anda mempunyai fungsi yang mengharapkan pelbagai parameter, call membolehkan anda menyampaikannya secara langsung:

 fungsi logData (nama, umur) {
  console.log (`$ {name} adalah $ {usia} tahun.`);
}

logData.call (null, &#39;sam&#39;, 30); 
// Output: Sam berumur 30 tahun.

Menggunakan null sebagai hujah pertama bermakna kita tidak peduli dengan konteks this di sini.

Memohon adalah seperti panggilan tetapi ambil pelbagai

Perbezaan utama antara call dan apply adalah bagaimana mereka menerima hujah. Walaupun call mengambil nilai yang dipisahkan koma, apply mengambil pelbagai hujah.

Ini berguna apabila bekerja dengan fungsi yang mengharapkan pelbagai parameter, tetapi data anda sudah ada dalam pelbagai:

 fungsi jumlah (a, b, c) {
  kembali ABC;
}

nombor const = [1, 2, 3];
console.log (sum.apply (null, nombor)); // 6

Satu lagi kes penggunaan klasik untuk apply adalah apabila anda ingin mencari maksimum atau min dalam array menggunakan fungsi matematik terbina dalam:

 nilai const = [10, 5, 8, 12, 3];
const max = math.max.apply (null, nilai); // 12

Sebelum sintaks penyebaran ES6 ( ... ) disokong secara meluas, apply adalah tipu muslihat untuk tugas semacam ini.

Bila hendak memilih yang mana?

Gunakan bind apabila anda ingin membuat fungsi baru dengan pratetap this dan/atau argumen.
Gunakan call apabila anda ingin menggunakan fungsi dengan segera dengan hujah individu.
Gunakan apply apabila anda ingin menggunakan fungsi dengan pelbagai hujah.

Beberapa petua cepat:

Anda boleh mengabaikan penetapan this dengan lulus null atau undefined jika fungsi tidak bergantung padanya.
Fungsi Arrow tidak mempunyai this sendiri, jadi pengikatan tidak akan berfungsi pada mereka -sesuatu yang perlu diperhatikan.
Jika anda berurusan dengan panggilan balik, bind sering kawan anda untuk mengekalkan konteks.

Itulah terasnya. Kaedah ini berkuasa apabila anda membiasakan diri dengan cara tingkah laku fungsi tweak. Tidak terlalu rumit, tetapi mudah disalahgunakan jika anda tidak berhati -hati.

Atas ialah kandungan terperinci JS Roundup untuk menguasai mengikat, memanggil, dan memohon kaedah. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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

Alat AI Hot

Undress AI Tool

Gambar buka pakaian secara percuma

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Clothoff.io

Penyingkiran pakaian AI

Video Face Swap

Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!

Tunjukkan Lagi

Artikel Panas

Petua untuk menulis komen php

1 bulan yang lalu By 百草

<🎜>: Tumbuh Taman - Panduan Lengkap untuk Melancong Pedagang

4 minggu yang lalu By Jack chen

Mengulas kod dalam php

1 bulan yang lalu By 百草

Destiny 2: The Edge of Fate - Bagaimana Pengubah Kesukaran Berfungsi

1 bulan yang lalu By DDD

Cara menyelamatkan semua kanak -kanak 4 <🎜> di 99 malam di hutan

3 minggu yang lalu By DDD

Tunjukkan Lagi

Alat panas

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Tunjukkan Lagi

Topik panas

Tutorial PHP

1517

276

Tunjukkan Lagi

Related knowledge

Cara membuat carta candlestick saham menggunakan PHP dan JS Dec 17, 2023 am 08:08 AM

Cara menggunakan PHP dan JS untuk mencipta carta lilin saham Carta lilin saham ialah grafik analisis teknikal biasa dalam pasaran saham Ia membantu pelabur memahami saham dengan lebih intuitif dengan melukis data seperti harga pembukaan, harga penutup, harga tertinggi. dan harga terendah turun naik harga saham. Artikel ini akan mengajar anda cara membuat carta lilin saham menggunakan PHP dan JS, dengan contoh kod khusus. 1. Persediaan Sebelum memulakan, kita perlu menyediakan persekitaran berikut: 1. Pelayan yang menjalankan PHP 2. Pelayar yang menyokong HTML5 dan Kanvas 3

Disyorkan: Projek pengesanan dan pengecaman muka sumber terbuka JS yang sangat baik Apr 03, 2024 am 11:55 AM

Teknologi pengesanan dan pengecaman muka adalah teknologi yang agak matang dan digunakan secara meluas. Pada masa ini, bahasa aplikasi Internet yang paling banyak digunakan ialah JS Melaksanakan pengesanan muka dan pengecaman pada bahagian hadapan Web mempunyai kelebihan dan kekurangan berbanding dengan pengecaman muka bahagian belakang. Kelebihan termasuk mengurangkan interaksi rangkaian dan pengecaman masa nyata, yang sangat memendekkan masa menunggu pengguna dan meningkatkan pengalaman pengguna termasuk: terhad oleh saiz model, ketepatannya juga terhad. Bagaimana untuk menggunakan js untuk melaksanakan pengesanan muka di web? Untuk melaksanakan pengecaman muka di Web, anda perlu biasa dengan bahasa dan teknologi pengaturcaraan yang berkaitan, seperti JavaScript, HTML, CSS, WebRTC, dll. Pada masa yang sama, anda juga perlu menguasai visi komputer yang berkaitan dan teknologi kecerdasan buatan. Perlu diingat bahawa kerana reka bentuk bahagian Web

Alat penting untuk analisis saham: Ketahui langkah-langkah untuk melukis carta lilin dengan PHP dan JS Dec 17, 2023 pm 06:55 PM

Alat penting untuk analisis saham: Pelajari langkah-langkah untuk melukis carta lilin dalam PHP dan JS, contoh kod khusus diperlukan Dengan perkembangan pesat Internet dan teknologi, perdagangan saham telah menjadi salah satu cara penting bagi banyak pelabur. Analisis saham adalah bahagian penting dalam membuat keputusan pelabur, dan carta lilin digunakan secara meluas dalam analisis teknikal. Mempelajari cara melukis carta lilin menggunakan PHP dan JS akan memberikan pelabur maklumat yang lebih intuitif untuk membantu mereka membuat keputusan yang lebih baik. Carta candlestick ialah carta teknikal yang memaparkan harga saham dalam bentuk candlestick. Ia menunjukkan harga saham

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pan peta Nov 21, 2023 am 10:00 AM

Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pan peta Baidu Map ialah platform perkhidmatan peta yang digunakan secara meluas, yang sering digunakan untuk memaparkan maklumat geografi, kedudukan dan fungsi lain dalam pembangunan web. Artikel ini akan memperkenalkan cara menggunakan API Peta JS dan Baidu untuk melaksanakan fungsi pan peta dan memberikan contoh kod khusus. 1. Persediaan Sebelum menggunakan API Peta Baidu, anda perlu memohon akaun pembangun pada Platform Terbuka Peta Baidu (http://lbsyun.baidu.com/) dan mencipta aplikasi. Penciptaan selesai

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi peta haba peta Nov 21, 2023 am 09:33 AM

Cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi peta haba peta Pengenalan: Dengan perkembangan pesat Internet dan peranti mudah alih, peta telah menjadi senario aplikasi biasa. Sebagai kaedah paparan visual, peta haba boleh membantu kami memahami pengedaran data dengan lebih intuitif. Artikel ini akan memperkenalkan cara menggunakan API Peta JS dan Baidu untuk melaksanakan fungsi peta haba peta dan memberikan contoh kod khusus. Kerja penyediaan: Sebelum memulakan, anda perlu menyediakan item berikut: akaun pembangun Baidu, buat aplikasi dan dapatkan AP yang sepadan

Cara menggunakan JS dan Baidu Map untuk melaksanakan fungsi pemprosesan acara klik peta Nov 21, 2023 am 11:11 AM

Gambaran keseluruhan tentang cara menggunakan Peta JS dan Baidu untuk melaksanakan fungsi pemprosesan acara klik peta: Dalam pembangunan web, selalunya perlu menggunakan fungsi peta untuk memaparkan lokasi geografi dan maklumat geografi. Pemprosesan acara klik pada peta ialah bahagian yang biasa digunakan dan penting dalam fungsi peta. Artikel ini akan memperkenalkan cara menggunakan API Peta JS dan Baidu untuk melaksanakan fungsi pemprosesan acara klik pada peta dan memberikan contoh kod khusus. Langkah: Import fail API Peta Baidu Pertama, import fail API Peta Baidu dalam fail HTML Ini boleh dicapai melalui kod berikut.

Petua Pembangunan PHP dan JS: Kuasai Kaedah Melukis Carta Lilin Stok Dec 18, 2023 pm 03:39 PM

Dengan perkembangan pesat kewangan Internet, pelaburan saham telah menjadi pilihan semakin ramai orang. Dalam perdagangan saham, carta lilin adalah kaedah analisis teknikal yang biasa digunakan Ia boleh menunjukkan trend perubahan harga saham dan membantu pelabur membuat keputusan yang lebih tepat. Artikel ini akan memperkenalkan kemahiran pembangunan PHP dan JS, membawa pembaca memahami cara melukis carta lilin saham dan menyediakan contoh kod khusus. 1. Memahami Carta Lilin Saham Sebelum memperkenalkan cara melukis carta lilin saham, kita perlu memahami dahulu apa itu carta lilin. Carta candlestick telah dibangunkan oleh orang Jepun

Hubungan antara js dan vue Mar 11, 2024 pm 05:21 PM

Hubungan antara js dan vue: 1. JS sebagai asas pembangunan Web; 2. Kebangkitan Vue.js sebagai rangka kerja hadapan 3. Hubungan pelengkap antara JS dan Vue; Vue.

See all articles