Beberapa fungsi JavaScript biasa dan penggunaannya

PHPz
Lepaskan: 2023-04-25 10:57:15
asal
541 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan yang popular dengan pelbagai aplikasi, terutamanya dalam pembangunan web. Fungsi JavaScript adalah salah satu ciri terasnya Melalui fungsi, kita boleh memodulasi kod, mencapai penggunaan semula kod dan memudahkan struktur kod. Dalam artikel ini, saya akan memperkenalkan beberapa fungsi JavaScript biasa dan penggunaannya.

1. Definisi dan panggilan fungsi

Dalam JavaScript, takrifan fungsi adalah sangat mudah dan mudah. Kita boleh menggunakan kata kunci fungsi untuk mentakrifkan fungsi dan menetapkannya kepada pembolehubah, iaitu, mengisytiharkan pembolehubah fungsi. Contohnya:

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

console.log(add(1, 2)); // 输出:3
Salin selepas log masuk

Dalam contoh di atas, kami mentakrifkan pembolehubah fungsi bernama add dan menetapkannya sebagai fungsi yang menerima dua parameter a dan b. Nilai pulangan fungsi ialah jumlahnya. Apabila memanggil fungsi, kami hanya memanggilnya seperti pembolehubah biasa.

2. Ungkapan Fungsi Terpanggil Segera

Ungkapan Fungsi Terpanggil Segera (IIFE) ialah cara biasa untuk mentakrif dan memanggil fungsi. Fungsinya adalah untuk melaksanakan fungsi dengan serta-merta selepas mengisytiharkannya, dengan itu membentuk skop bebas dan mengelakkan pencemaran berubah global dan konflik nama fungsi. Contohnya:

(function() {
  var message = "Hello world!";
  console.log(message);
})();
Salin selepas log masuk

Dalam contoh ini, kami menggunakan IIFE untuk mengisytiharkan dan memanggil fungsi tanpa nama, yang mentakrifkan pembolehubah tempatan bernama mesej dan menetapkannya kepada "Hello world!". Selepas pelaksanaan IIFE selesai, pembolehubah mesej akan dimusnahkan dan tidak lagi wujud dalam skop semasa.

3. Fungsi rekursif

Fungsi rekursif merujuk kepada fungsi yang memanggil dirinya di dalam fungsi. Fungsi rekursif digunakan secara meluas, terutamanya dalam traversal struktur pokok, pengisihan dan operasi lain, dan selalunya merupakan penyelesaian terbaik. Contohnya:

function factorial(n) {
  if (n === 0 || n === 1) {
    return 1;
  } else {
    return n * factorial(n - 1);
  }
}

console.log(factorial(5)); // 输出:120
Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan fungsi rekursif yang dipanggil faktorial yang mengira faktorial bagi integer positif yang diberi n. Dalam fungsi, jika n ialah 0 atau 1, 1 dikembalikan jika tidak, fungsi faktorial dipanggil secara rekursif untuk mengira faktorial n-1 dan mengembalikan hasil darab n.

4. Fungsi Anak panah

Fungsi anak panah ialah kaedah definisi fungsi baharu dalam ES6 Ia mempunyai bentuk sintaks yang lebih ringkas dan jelas dan biasanya boleh menggantikan kaedah definisi fungsi tradisional. Contohnya:

var multiply = (a, b) => a * b;

console.log(multiply(2, 3)); // 输出:6
Salin selepas log masuk

Dalam contoh ini, kami mentakrifkan fungsi anak panah yang dipanggil darab untuk mengira hasil darab dua parameter a dan b. Bentuk definisi fungsi anak panah adalah untuk menyambung senarai parameter dan badan fungsi dengan "=>". Jika badan fungsi hanya mempunyai satu baris kod, anda boleh meninggalkan pendakap kerinting dan kata kunci pulangan dan terus mengembalikan hasil baris kod tersebut jika tidak, anda perlu membalut badan fungsi dengan pendakap kerinting dan menggunakan kata kunci pulangan untuk pulangkan hasilnya.

Kesimpulan

Empat fungsi JavaScript di atas adalah jenis fungsi biasa dalam pembangunan web, masing-masing mempunyai ciri dan penggunaan yang berbeza, dan boleh digunakan secara fleksibel mengikut keperluan pembangunan sebenar. Apabila menulis fungsi JavaScript, kita harus mengikut tabiat pengekodan yang baik, cuba menjadikan struktur kod jelas dan ringkas, dan meningkatkan kebolehbacaan dan kebolehselenggaraan kod.

Atas ialah kandungan terperinci Beberapa fungsi JavaScript biasa dan penggunaannya. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan