Panggilan Fungsi JavaScript vs. Rujukan: Bila hendak menggunakan yang mana?

Memahami Panggilan Fungsi lwn Rujukan

Dalam JavaScript, fungsi boleh digunakan secara langsung atau diberikan kepada sifat yang memerlukan rujukan fungsi. Memahami perbezaan antara panggilan fungsi dan rujukan fungsi adalah penting.

Panggilan Fungsi

Panggilan fungsi melibatkan penggunaan terus fungsi dan melaksanakan kodnya menggunakan kurungan. Contohnya, dalam kod ini:

function hello() {
  alert("hi!");
}

hello(); // Function call

Memanggil hello() segera melaksanakan fungsi dan memaparkan mesej amaran.

Rujukan Fungsi

Sebaliknya, rujukan fungsi memberikan pembolehubah atau harta kepada fungsi tanpa memanggilnya. Ini digunakan terutamanya apabila sifat menjangkakan rujukan fungsi untuk pelaksanaan kemudian, seperti pengendali acara klik.

Pertimbangkan contoh ini:

var elem = document.getElementById("btn");
elem.onclick = hello; // Function reference

Dalam kod ini, sifat elem.onclick diberikan rujukan kepada fungsi hello(). Apabila butang dengan ID "btn" diklik, kod yang diberikan kepada sifat onclick akan dilaksanakan, yang dalam kes ini ialah fungsi hello().

Bila Menggunakan Rujukan atau Panggilan

Pilihan antara rujukan fungsi atau panggilan bergantung pada tujuan. Jika fungsi perlu dilaksanakan dengan segera dan nilai pulangannya adalah penting, panggilan fungsi adalah sesuai. Jika fungsi diberikan kepada harta untuk dilaksanakan kemudian apabila peristiwa berlaku, rujukan fungsi diperlukan.

Mengelakkan Salah Tanggapan Biasa

Elakkan daripada melaksanakan fungsi dengan segera apabila memberikannya kepada rujukan. Sebagai contoh, kod ini tidak betul:

element.onclick = funcRef();

Sebaliknya, gunakan rujukan kepada fungsi tanpa kurungan, seperti dalam:

element.onclick = funcRef;

Atas ialah kandungan terperinci Panggilan Fungsi JavaScript vs. Rujukan: Bila hendak menggunakan yang mana?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!