Penjelasan terperinci tentang pengisytiharan objek fungsi dalam kemahiran javaScript_javascript

Sebab menulis: 　

Biasanya apabila menulis fungsi dalam js, kita biasanya mengisytiharkan fungsi dalam cara konvensional fungsi fn () {}. Apabila membaca beberapa pemalam yang sangat baik, kita tidak dapat tidak melihat var fn = function () {}. perbezaan antara penciptaan fungsi ini? Hari ini, dengan semangat memecahkan kaserol dan bertanya kebenaran, mari kita bercakap tentang pengisytiharan fungsi yang menarik ini.

Pengisytiharan fungsi

Kod contoh pengisytiharan fungsi

Salin kod Kod adalah seperti berikut:

fungsi fn () {
console.log('fn function execution..');
// kod..
}

Dengan cara ini, kami telah mengisytiharkan fungsi yang dinamakan fn. Adakah anda fikir ia akan dilaksanakan jika anda memanggilnya di atas fungsi ini? Atau adakah ralat akan dilaporkan?

fn(); // Panggil fungsi fn yang kami nyatakan sebelum ini

Salin kod Kod adalah seperti berikut:

fungsi fn () {
console.log('fn function execution..');
// kod..
}

Output konsol:

Ya, fungsi fn boleh dipanggil pada masa ini.

Ringkasan:

1: Pada masa ini, fungsi fn ialah hasil pembolehubah, yang disimpan dalam pembolehubah konteks global secara lalai (boleh disahkan melalui nama window.function)

　2: Kaedah ini ialah pengisytiharan fungsi, yang dibuat apabila memasuki peringkat konteks global Ia sudah tersedia semasa peringkat pelaksanaan kod. ps: javaScript akan memulakan persekitaran konteks (dari global → tempatan) setiap kali ia memasuki kaedah

　3: Ia boleh menjejaskan objek berubah (hanya pembolehubah yang disimpan dalam konteks)

Ungkapan fungsi

Kod contoh ungkapan fungsi

Salin kod Kod adalah seperti berikut:

var fn = fungsi () {
console.log('fn function [ungkapan] pelaksanaan pernyataan..')
// kod..
}

Jadi kami mengisytiharkan fungsi tanpa nama dan menunjuk rujukannya kepada pembolehubah fn?

Panggil fungsi yang diisytiharkan oleh ungkapan sekali lagi di atas dan di bawah untuk melihat output pada konsol.

Salin kod Kod adalah seperti berikut:

// Untuk melihat dengan jelas output konsol, kami membuat tanda sebelum dan selepas setiap panggilan untuk meningkatkan kebolehbacaan.
console.log('Panggilan sebelumnya dimulakan..');
fn();
console.log('Panggilan sebelumnya ditamatkan..');
var fn = fungsi () {
console.log('fn function [ungkapan] pelaksanaan pernyataan..')
// kod..
}
console.log('Selepas panggilan bermula..');
fn();
console.log('Selepas panggilan bermula..');

Hasil cetakan konsol:

Anda boleh melihat bahawa apabila kod dilaksanakan dan fungsi fn() dipanggil buat kali pertama, ia menggesa: fn bukan fungsi (fn bukan kaedah), dan operasi ditamatkan apabila ralat dihadapi.

Ini menunjukkan bahawa apabila fn() dipanggil buat kali pertama, pembolehubah var fn tidak wujud sebagai atribut objek global, dan konteks fungsi tanpa nama yang dirujuk oleh fn belum dimulakan, jadi panggilan sebelumnya gagal .

Salin kod Kod adalah seperti berikut:

// Sekarang ulas logik panggilan sebelumnya, dan kemudian lihat pada output konsol
// console.log('Panggilan sebelumnya dimulakan..');
// fn();
// console.log('Panggilan sebelumnya ditamatkan..');
var fn = fungsi () {
console.log('fungsi fn [ungkapan] mengisytiharkan pelaksanaan..')
// kod..
}
console.log('Panggilan bermula kemudian..');
fn(); // Dipanggil selepas ungkapan
console.log('Panggilan bermula kemudian..');

Hasil cetakan konsol:

Ia boleh dilihat bahawa adalah mungkin untuk memanggil selepas fungsi ekspresi Mari kita ringkaskan mengapa?

Ringkasan:

1: Pertama sekali, pembolehubah itu sendiri tidak wujud sebagai fungsi, tetapi rujukan kepada fungsi tanpa nama (jenis nilai bukan rujukan)

2: Semasa fasa pelaksanaan kod, apabila konteks global dimulakan, ia tidak wujud sebagai atribut global, jadi ia tidak akan menyebabkan pencemaran objek berubah

3: Jenis pengisytiharan ini biasanya biasa dalam pembangunan pemalam, dan juga boleh digunakan sebagai panggilan ke fungsi panggil balik dalam penutupan

Jadi fungsi fn () {} tidak sama dengan var fn = function () {}, ia pada asasnya berbeza.