fungsi javascript tidak boleh dipanggil

Sebagai bahasa skrip sebelah pelanggan, JavaScript sering digunakan untuk memanipulasi struktur DOM dalam halaman web untuk mencapai kesan interaktif. Sebagai bahasa pengaturcaraan berfungsi, setiap fungsi dalam JavaScript mempunyai skop dan skop penggunaannya sendiri Biasanya kita menggunakan literal fungsi atau ungkapan fungsi untuk mencipta fungsi, dan kemudian memanggilnya dalam kod untuk menyelesaikan tugasan tertentu.

Namun, kadangkala apabila kami menulis kod, kami mungkin menghadapi masalah bahawa fungsi JavaScript tidak boleh dipanggil Ini adalah pepijat yang sangat biasa, dan ia juga mungkin masalah ditemui semasa proses dalam talian. Dalam artikel ini, kami akan memperkenalkan sebab mengapa fungsi JavaScript tidak boleh dipanggil dan cara menyelesaikan masalah ini.

1. Isu lokasi definisi fungsi JavaScript

Dalam JavaScript, fungsi biasanya dibuat semasa masa jalan. Iaitu, jika anda cuba menggunakannya sebelum fungsi, ia tidak akan dipanggil. Contohnya, dalam contoh berikut:

hello();  // 报错

var hello = function() {
    console.log('Hello world!');
}

Dalam kod ini, kami memanggil fungsi ini dengan hello() sebelum fungsi hello(). Memandangkan fungsi digunakan sebelum ia diisytiharkan, enjin JavaScript akan melaporkan ralat kerana ia tidak tahu di mana fungsi itu diisytiharkan. Menyelesaikan masalah ini mudah, cuma letakkan pengisytiharan fungsi sebelum panggilan, seperti yang ditunjukkan di bawah:

var hello = function() {
    console.log('Hello world!');
}

hello();  // 正常执行

2. Masalah skop JavaScript

Fungsi dalam JavaScript ialah Pembolehubah diakses melalui skop rantai. Ini bermakna fungsi boleh mengakses pembolehubah fungsi yang disarangkannya, serta pembolehubah global di luarnya. Tetapi jika skop pembolehubah tidak betul, fungsi itu tidak boleh dipanggil. Contohnya, contoh berikut:

var hello = function() {
    console.log(message);
}

function sayHello() {
    var message = "Hello World!";
    hello();
}

sayHello();  // 报错

Dalam kod ini, kami mentakrifkan fungsi sayHello(), yang memanggil fungsi hello(). Walau bagaimanapun, memandangkan pembolehubah message ditakrifkan dalam fungsi sayHello() dan bukannya pembolehubah global, ralat akan dilaporkan apabila hello() cuba mengakses message. Penyelesaian kepada masalah ini ialah dengan mentakrifkan message sebagai pembolehubah global atau mengisytiharkannya di dalam fungsi hello().

3. Isu kaedah panggilan JavaScript

Dalam JavaScript, terdapat banyak cara untuk memanggil fungsi, termasuk panggilan fungsi, panggilan kaedah, apply() dan panggilan(), dsb. Memanggil fungsi menggunakan kaedah yang salah juga boleh menyebabkan ia gagal dipanggil. Contohnya:

var car = {
    brand: "Tesla",
    model: "Model 3",
    start: function() {
        console.log(this.brand + " " + this.model + " started!");
    }
};

car.start();  // 正常执行
var func = car.start;
func();  // 报错

Dalam kod ini, kami mentakrifkan objek car yang mengandungi kaedah start() yang menghidupkan kereta. Kami mula-mula menghidupkan kereta dengan memanggil car.start() dan ia mencetak output dengan betul. Walau bagaimanapun, apabila kami menetapkan kaedah start() kepada pembolehubah func dan kemudian memanggilnya sebagai fungsi, ralat akan berlaku kerana kata kunci this berkaitan dengan objek panggilan. Penyelesaian kepada masalah ini ialah dengan menentukan objek pengikat kata kunci apply() secara manual menggunakan call() atau this.

Ringkasnya, ketidakupayaan untuk memanggil fungsi JavaScript biasanya disebabkan oleh masalah seperti lokasi definisi fungsi, skop pembolehubah dan kaedah panggilan. Untuk menyelesaikan masalah ini, anda perlu terlebih dahulu menentukan punca masalah, dan kemudian mengambil penyelesaian yang sesuai berdasarkan situasi tertentu. Selagi kita memberi perhatian kepada butiran ini, kita boleh mengelakkan masalah fungsi JavaScript tidak dapat dipanggil.

Atas ialah kandungan terperinci fungsi javascript tidak boleh dipanggil. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!