Bagaimana untuk menulis fungsi dalam javascript

JavaScript ialah bahasa pengaturcaraan yang digunakan secara meluas dalam pembangunan web dan aplikasi Internet, dan boleh digunakan untuk melaksanakan banyak fungsi yang berbeza. Bahagian pentingnya ialah fungsi. Fungsi ialah blok kod dengan set arahan dan operasi yang boleh digunakan semula beberapa kali dalam atur cara. Dengan menulis fungsi, anda boleh menjadikan kod anda lebih bersih dan lebih mudah diselenggara serta menjadikan kod anda lebih mudah dibaca. Artikel ini akan memberikan pengenalan yang mendalam tentang cara menulis fungsi JavaScript.

1. Tulis pengisytiharan fungsi

Fungsi paling mudah dalam JavaScript ialah fungsi deklaratif, yang menggunakan kata kunci function untuk menunjukkan bahawa ia adalah fungsi, biasanya Parameter berikut :

function functionName(parameter1, parameter2, parameter3) {
  // 函数体
}

Selepas nama fungsi, senarai parameter yang disertakan dalam kurungan mewakili input kepada fungsi. Dalam pendakap kerinting, anda menulis kod untuk fungsi, yang dipanggil badan fungsi. Kod dalam badan fungsi akan dilaksanakan apabila fungsi dipanggil. Sebagai contoh, contoh kod berikut mentakrifkan fungsi bernama greeting dengan satu parameter name dan menggunakannya untuk mencetak ucapan:

function greeting(name) {
  console.log(`Hello ${name}!`);
}

2. Ungkapan fungsi

Satu lagi cara untuk mencipta fungsi ialah ungkapan fungsi. Sintaks fungsi ini sangat serupa dengan penugasan pembolehubah Tambahkan kata kunci function di hadapan nama pembolehubah, dan kemudian konfigurasikan badan fungsi untuk fungsi tersebut, contohnya:

const functionName = function(parameter1, parameter2, parameter3) {
  // 函数体
}

Borang fungsi ini boleh menetapkan. fungsi kepada pembolehubah Dan anda boleh menghantar fungsi sebagai parameter fungsi lain. Contohnya:

const sayHelloTo = function(name) {
  console.log(`Hello ${name}!`);
}

function greeting(greet, name) {
  greet(name);
}

greeting(sayHelloTo, 'World');

3. Fungsi Anak Panah

ES6 memperkenalkan konsep fungsi anak panah, yang merupakan cara ringkas untuk menulis fungsi. Fungsi anak panah biasanya lebih pendek dan lebih mudah dibaca daripada fungsi deklaratif atau ungkapan fungsi, contohnya:

const functionName = (parameter1, parameter2) => {
  // 函数体
}

Terdapat peraturan khas untuk fungsi anak panah, jika badan fungsi hanya mempunyai satu pernyataan, pendakap kerinting dan kekunci return boleh ditinggalkan perkataan untuk mengembalikan nilai pernyataan secara tersirat. Contohnya:

const multiplyByTwo = x => x * 2;

4. Mengelakkan konflik penamaan fungsi

Apabila menulis aplikasi besar, mungkin terdapat isu konflik penamaan yang boleh diselesaikan dengan menggunakan pilihan yang berbeza. Cara yang paling biasa ialah menggunakan IIFE (ungkapan fungsi yang digunakan serta-merta), yang merupakan fungsi tanpa nama yang tidak mempunyai kesan sampingan walaupun ia ditakrifkan dalam ruang nama global. Contohnya:

(function() {
  // 函数体
})();

Balut kod fungsi dalam kurungan untuk menjadikannya ungkapan, diikuti dengan set kurungan lain untuk memanggil ungkapan. Melakukan ini memastikan bahawa fungsi itu tidak menjejaskan kod global yang lain, dan dalam sesetengah persekitaran, pendekatan ini boleh meningkatkan prestasi kod anda.

5. Pengoptimuman panggilan ekor

Panggilan ekor ialah operasi terakhir dalam fungsi yang mengembalikan fungsi itu sendiri dan bukannya nilai lain. Ciri ini boleh digunakan untuk mengoptimumkan kod dan mengelak daripada mencipta fungsi baharu pada setiap panggilan fungsi. Contohnya:

const factorial = (n, acc = 1) => {
  if (n <= 1) return acc;
  return factorial(n - 1, n * acc);
}

Dalam fungsi factorial ini, ia menggunakan rekursif ekor untuk memanggil dirinya sendiri secara rekursif, dengan itu mengelakkan penciptaan fungsi baharu semasa proses rekursif.

Ringkasan

Dalam JavaScript, fungsi adalah bahagian yang sangat penting. Fungsi boleh ditulis dalam cara yang berbeza seperti fungsi deklaratif, ungkapan fungsi, fungsi anak panah dan IIFE. Menggunakan fungsi boleh meningkatkan kebolehbacaan dan kebolehselenggaraan kod anda. Pada masa yang sama, menggunakan panggilan ekor boleh meningkatkan kecekapan kod. Kemahiran menulis fungsi JavaScript boleh membantu meningkatkan kecekapan kerja pengaturcara dan kualiti kod.

Atas ialah kandungan terperinci Bagaimana untuk menulis fungsi dalam javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!