Bila Menggunakan Ekspresi Fungsi vs Perisytiharan Fungsi

Kaedah Definisi Fungsi JavaScript: Ekspresi Fungsi dan Pengisytiharan Fungsi. Artikel ini menerangkan kapan menggunakan ekspresi fungsi, bila menggunakan pengisytiharan fungsi, dan menerangkan perbezaan antara kedua -duanya.

Pengisytiharan frekuensi telah digunakan secara meluas untuk masa yang lama, tetapi ekspresi fungsi telah dikuasai secara beransur -ansur. Ramai pemaju tidak pasti apabila menggunakan yang mana, yang akhirnya membawa kepada pilihan yang salah.

Terdapat beberapa perbezaan utama antara ekspresi fungsi dan pengisytiharan fungsi. Mari kita lihat dengan lebih dekat perbezaan ini dan bila menggunakan ekspresi fungsi dan pengisytiharan fungsi dalam kod anda.

function funcDeclaration() {
    return '函数声明';
}

let funcExpression = function () {
    return '函数表达式';
}

mata utama

Ekspresi fungsi dan pengisytiharan fungsi adalah dua cara untuk membuat fungsi dalam JavaScript. Pengisytiharan fungsi dinamakan, dan disebabkan oleh promosi yang berubah -ubah, ia boleh dipanggil sebelum definisi;
Ekspresi fungsi lebih fleksibel daripada pengisytiharan fungsi. Mereka boleh digunakan sebaik sahaja definisi, digunakan sebagai parameter untuk fungsi lain, dan boleh menjadi tanpa nama. Pengisytiharan fungsi, sebaliknya, lebih mudah dibaca, terutamanya untuk fungsi yang panjang, dan boleh dipanggil sebelum definisi kerana promosi yang berubah -ubah.
Pilihan ekspresi fungsi atau pengisytiharan fungsi bergantung kepada keperluan khusus kod. Pengisytiharan fungsi biasanya digunakan apabila fungsi rekursif diperlukan atau apabila fungsi perlu dipanggil sebelum menentukan fungsi. Ekspresi fungsi sangat baik untuk menulis kod bersih apabila kedua -dua operasi tidak diperlukan.
Ekspresi fungsi boleh digunakan untuk membuat penutupan, lulus mereka sebagai argumen kepada fungsi lain, dan panggil ekspresi fungsi (Iife) dengan segera. Ini menjadikan mereka alat yang serba boleh dan berkuasa di kotak alat pemaju.

Apakah perisytiharan fungsi?

Pengisytiharan fungsi dilakukan apabila fungsi dibuat dan dinamakan. Selepas menulis kata kunci , ikuti nama fungsi dan nyatakan nama fungsi tersebut. Contohnya:

function seperti yang anda lihat, mengisytiharkan nama fungsi (

) apabila membuat fungsi. Ini bermakna anda boleh memanggilnya sebelum menentukan fungsi tersebut.

function myFunction() {
  // 执行某些操作
};

Ini adalah contoh perisytiharan fungsi: myFunction

Apakah ungkapan fungsi?

function add(a, b) {
  return a + b;
};

Ekspresi fungsi dilakukan semasa membuat fungsi dan menyerahkannya kepada pembolehubah. Fungsi ini tidak dikenali, yang bermaksud ia tidak mempunyai nama. Contohnya:

Seperti yang anda lihat, fungsi diberikan kepada pembolehubah

. Ini bermakna anda perlu menentukannya sebelum memanggil fungsi tersebut.

let myFunction = function() {
  // 执行某些操作
};

Ini adalah contoh ekspresi fungsi:

myFunction

perbezaan antara ekspresi fungsi dan pengisytiharan

Terdapat beberapa perbezaan utama antara ekspresi fungsi dan pengisytiharan fungsi:

let add = function (a, b) {
  return a + b;
};

• Pengisytiharan fungsi akan dipromosikan, manakala ekspresi fungsi tidak akan. Ini bermakna anda boleh memanggilnya sebelum menentukan perisytiharan fungsi, tetapi anda tidak boleh melakukan ini dengan ekspresi fungsi.
• Menggunakan ekspresi fungsi, anda boleh menggunakannya dengan segera selepas menentukan fungsi. Dengan pengisytiharan fungsi, anda perlu menunggu sehingga keseluruhan skrip dihuraikan.
• Ekspresi fungsi boleh digunakan sebagai parameter fungsi lain, tetapi perisytiharan fungsi tidak dapat dilakukan.
• Ekspresi fungsi boleh menjadi tanpa nama, tetapi pengisytiharan fungsi tidak boleh.

memahami skop dalam ekspresi fungsi: JavaScript meningkatkan perbezaan

Sama seperti let pernyataan, pengisytiharan fungsi dipromosikan ke bahagian atas kod lain.

Ekspresi fungsi tidak akan dipromosikan. Ini membolehkan mereka mengekalkan salinan pembolehubah tempatan yang diambil dari skop di mana ia ditakrifkan.

Biasanya, anda boleh menggunakan pengisytiharan fungsi dan ekspresi fungsi secara bergantian. Walau bagaimanapun, kadang-kadang ekspresi fungsi membawa kepada kod yang lebih mudah untuk difahami tanpa memerlukan nama fungsi sementara.

Cara Memilih Ekspresi dan Pengisytiharan

Jadi, bilakah ekspresi berfungsi digunakan dan kapan harus berfungsi pengisytiharan digunakan?

Jawapannya bergantung pada keperluan anda. Jika anda memerlukan fungsi yang lebih fleksibel atau fungsi yang tidak akan dipromosikan, ekspresi fungsi adalah pilihan terbaik. Jika anda memerlukan fungsi yang lebih mudah dibaca dan difahami, gunakan perisytiharan fungsi.

Seperti yang anda lihat, kedua -dua sintaks adalah serupa. Perbezaan yang paling jelas ialah ekspresi fungsi tidak dikenali, sementara pengisytiharan fungsi terkenal.

pada masa kini, apabila anda perlu melakukan sesuatu yang tidak dapat dilakukan oleh ekspresi fungsi, pengisytiharan fungsi biasanya digunakan. Jika anda tidak perlu melakukan operasi yang hanya boleh dilakukan dengan perisytiharan fungsi, biasanya lebih baik menggunakan ekspresi fungsi.

Gunakan perisytiharan fungsi apabila anda perlu membuat fungsi rekursif atau perlu memanggil fungsi sebelum mendefinisikannya. Sebagai peraturan, apabila anda tidak perlu melakukan kedua -duanya, gunakan ungkapan fungsi untuk menulis kod bersih.

Kelebihan Pengisytiharan Fungsi

Terdapat beberapa kelebihan utama untuk menggunakan pengisytiharan fungsi.

• Ia boleh menjadikan kod anda lebih mudah dibaca. Sekiranya anda mempunyai fungsi yang panjang, penamaannya dapat membantu anda menjejaki apa yang dilakukannya.
• Pengisytiharan fungsi dipromosikan, bermakna ia tersedia sebelum ia ditakrifkan dalam kod. Ini akan membantu jika anda perlu menggunakannya sebelum menentukan fungsi tersebut.

Kelebihan Ekspresi Fungsi

Ekspresi fungsi juga mempunyai beberapa kelebihan.

• Mereka lebih fleksibel daripada pengisytiharan fungsi. Anda boleh membuat ungkapan fungsi dan memberikannya kepada pembolehubah yang berbeza, yang berguna apabila anda perlu menggunakan fungsi yang sama di lokasi yang berbeza.
• Ekspresi fungsi tidak dipromosikan, jadi anda tidak boleh menggunakannya sebelum menentukannya dalam kod anda. Ini akan membantu jika anda ingin memastikan anda menggunakannya hanya selepas anda menentukan fungsi tersebut.

bilakah saya harus memilih perisytiharan fungsi dan ungkapan fungsi

Dalam kebanyakan kes, mudah untuk menentukan kaedah mana untuk menentukan fungsi yang terbaik untuk keperluan anda. Garis panduan ini akan membantu anda membuat keputusan dengan cepat dalam kebanyakan kes.

Gunakan pengisytiharan fungsi dalam kes -kes berikut:

• anda memerlukan lebih banyak fungsi yang boleh dibaca dan difahami (seperti fungsi panjang, atau fungsi yang anda perlukan untuk digunakan di lokasi yang berbeza)
• fungsi tanpa nama tidak sesuai untuk keperluan anda
• anda perlu membuat fungsi rekursif
• anda perlu memanggilnya sebelum menentukan fungsi

Gunakan ekspresi fungsi dalam kes -kes berikut:

• anda memerlukan lebih banyak fungsi fleksibel
• anda memerlukan fungsi yang tidak akan dipromosikan
• Fungsi ini hanya boleh digunakan apabila ditakrifkan
• Fungsi ini tidak dikenali, atau namanya tidak diperlukan pada masa depan
• anda ingin mengawal masa pelaksanaan fungsi, menggunakan teknik seperti memanggil ekspresi fungsi dengan segera (iife)
• anda mahu lulus fungsi sebagai hujah ke fungsi lain

iaitu, dalam banyak kes, fleksibiliti ekspresi fungsi menjadi kelebihan yang kuat.

Potensi Ekspresi Fungsi Melepaskan: JavaScript meningkatkan perbezaan

Terdapat banyak cara untuk fungsi ekspresi lebih berguna daripada pengisytiharan fungsi.

• penutup
• argumen fungsi lain
• panggil ekspresi fungsi dengan segera (iife)

Buat penutupan menggunakan ekspresi fungsi

Penutupan boleh digunakan apabila anda ingin lulus parameter ke fungsi sebelum melaksanakannya. Contoh yang baik tentang bagaimana manfaat ini anda ketika gelung melalui nodel.

Penutupan membolehkan anda mengekalkan maklumat tambahan, seperti indeks, apabila maklumat tidak tersedia selepas fungsi dilaksanakan.

function funcDeclaration() {
    return '函数声明';
}

let funcExpression = function () {
    return '函数表达式';
}

Pengendali acara tambahan dilaksanakan kemudian (selepas gelung berakhir), jadi penutupan diperlukan untuk mengekalkan nilai yang sesuai dari gelung for.

function myFunction() {
  // 执行某些操作
};

Lebih mudah untuk memahami mengapa masalah berlaku dengan mengekstrak fungsi for dari gelung doSomething().

function add(a, b) {
  return a + b;
};

Penyelesaian di sini adalah untuk lulus indeks sebagai parameter fungsi ke fungsi luaran supaya ia dapat lulus nilai ke fungsi dalaman. Anda biasanya akan melihat maklumat yang anda perlukan untuk menggunakan fungsi pengendali untuk mengatur fungsi pulangan dalaman.

let myFunction = function() {
  // 执行某些操作
};

Ketahui lebih lanjut mengenai pakej penutup dan penggunaannya.

Ekspresi fungsi lulus sebagai parameter

Ekspresi fungsi boleh diluluskan terus ke fungsi tanpa perlu memberikan nilai kepada pembolehubah sementara pertengahan.

anda melihat mereka paling kerap dalam bentuk fungsi tanpa nama. Berikut adalah contoh yang biasa dari ekspresi fungsi jQuery:

let add = function (a, b) {
  return a + b;
};

Ekspresi fungsi juga digunakan untuk memproses item array apabila menggunakan kaedah seperti forEach().

mereka juga tidak perlu disebutkan fungsi tanpa nama. Adalah lebih baik untuk menamakan ekspresi fungsi untuk membantu menyatakan fungsi apa yang harus dilakukan dan membantu debug:

function tabsHandler(index) {
    return function tabClickEvent(evt) {
        // 对选项卡执行操作。
        // 可以从此处访问 index 变量。
    };
}

let tabs = document.querySelectorAll('.tab'),
    i;

for (i = 0; i < tabs.length; i += 1) {
    tabs[i].onclick = tabsHandler(i);
}

panggil ekspresi fungsi dengan segera (iife)

IIFE membantu mencegah fungsi dan pembolehubah anda daripada mempengaruhi skop global.

Semua sifat di dalamnya berada dalam skop fungsi tanpa nama. Ini adalah corak yang sama untuk mengelakkan kesan sampingan yang tidak dijangka atau tidak diingini dari kod di tempat lain.

Ia juga digunakan sebagai mod modul untuk memasukkan blok kod dalam bahagian yang mudah dikekalkan. Kami meneroka ini lebih mendalam dalam mengungkap misteri penutupan JavaScript, panggilan balik, dan Iife.

ini adalah contoh mudah Iife:

function funcDeclaration() {
    return '函数声明';
}

let funcExpression = function () {
    return '函数表达式';
}

... Apabila digunakan sebagai modul, kod itu dapat dikekalkan dengan mudah.

function myFunction() {
  // 执行某些操作
};

Kesimpulan

Seperti yang dapat kita lihat, ekspresi fungsi tidak pada dasarnya berbeza daripada pengisytiharan fungsi, tetapi mereka sering boleh menghasilkan kod yang lebih bersih dan lebih mudah dibaca.

Mereka digunakan secara meluas, menjadikannya bahagian penting dari setiap kotak alat pemaju. Adakah anda menggunakan ekspresi fungsi dalam kod anda dengan cara yang menarik yang saya tidak sebutkan di atas? Tolong beritahu saya dalam komen!

Soalan Lazim Mengenai Ekspresi Fungsi dan Pengisytiharan Fungsi (FAQ)

Apakah perbezaan utama antara ekspresi fungsi dan pengisytiharan fungsi?

Perbezaan utama antara ekspresi fungsi dan pengisytiharan fungsi adalah cara enjin JavaScript menafsirkannya. Pengisytiharan fungsi dihuraikan sebelum sebarang kod dilaksanakan, yang bermaksud anda boleh memanggil fungsi yang diisytiharkan kemudian dalam kod anda. Ini dipanggil fungsi mengangkat. Sebaliknya, ungkapan fungsi tidak dipromosikan dan oleh itu tidak boleh dipanggil sebelum definisi.

Bolehkah anda memberikan contoh pengisytiharan fungsi dan ekspresi fungsi?

Sudah tentu, inilah contoh masing -masing:

Pengisytiharan fungsi:

function add(a, b) {
  return a + b;
};

Ekspresi fungsi:

let myFunction = function() {
  // 执行某些操作
};

Bilakah saya harus menggunakan pengisytiharan fungsi dan bukannya ekspresi fungsi?

Apabila anda perlu membuat fungsi yang akan digunakan sepanjang kod anda, pengisytiharan fungsi biasanya digunakan kerana ia dinaikkan pangkat ke bahagian atas skop. Ini bermakna anda boleh memanggil fungsi sebelum mengisytiharkannya dalam kod anda. Ekspresi fungsi, sebaliknya, biasanya digunakan untuk fungsi yang memerlukan hanya satu atau beberapa kali terhingga, atau apabila fungsi diluluskan sebagai hujah kepada fungsi lain.

Bolehkah ekspresi fungsi dinamakan?

Ya, ungkapan fungsi boleh dinamakan. Ini sangat berguna untuk debugging, kerana nama fungsi akan muncul dalam jejak timbunan. Berikut adalah contoh:

let add = function (a, b) {
  return a + b;
};

Apakah penambahbaikan fungsi?

Promosi fungsi dalam JavaScript adalah tingkah laku di mana perisytiharan fungsi dipindahkan ke bahagian atas skop yang mengandungi semasa fasa penyusunan (sebelum kod dilaksanakan). Ini bermakna anda boleh memanggil fungsi sebelum mengisytiharkannya dalam kod anda. Walau bagaimanapun, perlu diperhatikan bahawa ungkapan fungsi (walaupun ungkapan yang diberikan kepada pembolehubah) tidak akan dipromosikan.

Apakah ungkapan fungsi yang dipanggil dengan segera (Iife)?

Panggil ekspresi fungsi dengan segera (Iife) adalah ungkapan fungsi yang dilaksanakan dengan segera selepas definisi. Sintaks Iife adalah seperti berikut:

function tabsHandler(index) {
    return function tabClickEvent(evt) {
        // 对选项卡执行操作。
        // 可以从此处访问 index 变量。
    };
}

let tabs = document.querySelectorAll('.tab'),
    i;

for (i = 0; i < tabs.length; i += 1) {
    tabs[i].onclick = tabsHandler(i);
}

Bolehkah saya menggunakan ekspresi fungsi dan pengisytiharan fungsi secara bergantian?

Walaupun ekspresi fungsi dan pengisytiharan fungsi biasanya digunakan secara bergantian, terdapat beberapa perbezaan utama yang perlu diperhatikan. Pengisytiharan fungsi dipromosikan, bermakna mereka boleh dipanggil sebelum perisytiharan. Sebaliknya, ungkapan fungsi tidak dipromosikan dan oleh itu tidak boleh dipanggil sebelum definisi. Di samping itu, ekspresi fungsi boleh tanpa nama atau dinamakan, sementara pengisytiharan fungsi mesti selalu dinamakan.

Apakah kelebihan menggunakan ekspresi fungsi?

Ekspresi fungsi memberikan beberapa kelebihan. Mereka boleh tanpa nama, boleh ditetapkan untuk dilaksanakan sendiri (ekspresi fungsi panggilan segera), dan boleh diberikan kepada pembolehubah dan diluluskan. Ini menjadikan ekspresi fungsi sangat sesuai untuk digunakan sebagai penutupan dan fungsi panggil balik.

Adakah terdapat perbezaan prestasi antara ekspresi fungsi dan pengisytiharan fungsi?

Secara amnya, perbezaan prestasi antara ekspresi fungsi dan pengisytiharan fungsi tidak dapat diabaikan dan tidak mungkin mempengaruhi prestasi kod JavaScript. Pilihan ekspresi fungsi dan pengisytiharan fungsi harus berdasarkan kes penggunaan khusus dan pilihan gaya pengekodan anda.

Bolehkah ekspresi fungsi digunakan sebagai penutupan?

Ya, ekspresi fungsi sering digunakan untuk membuat penutupan dalam JavaScript. Penutupan adalah fungsi yang boleh mengakses skopnya sendiri, skop fungsi luaran, dan skop global. Berikut adalah contoh penutupan yang dibuat menggunakan ekspresi fungsi:

function funcDeclaration() {
    return '函数声明';
}

let funcExpression = function () {
    return '函数表达式';
}

Atas ialah kandungan terperinci Bila Menggunakan Ekspresi Fungsi vs Perisytiharan Fungsi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!