Bagaimana Anda Melewati Parameter ke Fungsi Panggilan Balik dalam JavaScript?

Melalukan Parameter ke Fungsi Panggilan Balik dalam JavaScript

Apabila menggunakan fungsi panggil balik, anda mungkin menghadapi keperluan untuk menghantar parameter tambahan. Artikel ini menangani isu ini dan menyediakan penyelesaian yang komprehensif.

Pendekatan Awal

Percubaan awal anda, seperti yang ditunjukkan dalam coretan kod, melibatkan menghantar parameter terus ke fungsi panggil balik. Walaupun ini berfungsi untuk contoh yang diberikan, ia boleh menjadi menyusahkan jika anda perlu menghantar parameter berbilang atau kompleks.

Menggunakan Objek 'argumen'

Penyelesaian yang lebih serba boleh adalah dengan menggunakan objek argumen . Pembolehubah khas ini mengandungi semua argumen yang dihantar kepada fungsi, termasuk yang ditakrifkan dalam parameter fungsi dan sebarang argumen tambahan yang diluluskan semasa penyembahan.

Coretan Kod Disemak:

<code class="javascript">function tryMe(param1, param2) {
  alert(param1 + " and " + param2);
}

function callbackTester(callback) {
  callback(arguments[1], arguments[2]);
}

callbackTester(tryMe, "hello", "goodbye");</code>

Penjelasan

Dalam kod yang disemak, fungsi callbackTester kini menerima satu parameter, panggil balik. Dalam fungsi ini, kami menggunakan objek argumen untuk mengakses parameter tambahan yang diluluskan semasa invocation, iaitu param1 dan param2. Parameter ini kemudiannya dihantar ke fungsi panggil balik, tryMe, seperti yang dijangkakan.

Faedah Menggunakan Objek 'argumen'

Pendekatan ini memberikan beberapa kelebihan:

• Fleksibiliti: Anda boleh menghantar sebarang bilangan parameter tambahan tanpa mengubah suai tandatangan fungsi panggil balik.
• Kebolehselenggaraan: Ia memudahkan kod dan menjadikannya lebih mudah dibaca dan difahami.
• Keserasian: Objek argumen disokong oleh semua penyemak imbas utama dan masa jalan JavaScript.

Atas ialah kandungan terperinci Bagaimana Anda Melewati Parameter ke Fungsi Panggilan Balik dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!