Fungsi dan Tanda kurung dalam JavaScript

Fungsi ialah salah satu blok binaan asas JavaScript. Mereka membenarkan anda merangkum blok kod yang boleh dilaksanakan bila-bila masa diperlukan, menjadikan kod anda lebih modular, boleh digunakan semula dan teratur. Tanda kurung memainkan peranan penting dalam fungsi JavaScript kerana ia menentukan cara dan bila fungsi dipanggil atau dirujuk. Dalam artikel ini, kami akan meneroka cara fungsi dan kurungan berfungsi dalam JavaScript dan cara menggunakannya dengan berkesan.

Apakah Fungsi dalam JavaScript?

Dalam JavaScript, fungsi ialah blok kod boleh guna semula yang direka untuk melaksanakan tugas tertentu. Fungsi boleh mengambil input, dipanggil parameter, memproses input itu dan secara pilihan mengembalikan nilai. Fungsi membolehkan anda memecahkan masalah kompleks kepada bahagian yang lebih kecil dan boleh diurus.

Mengisytiharkan Fungsi

Anda boleh mengisytiharkan fungsi dalam JavaScript menggunakan kata kunci fungsi diikuti dengan nama fungsi, kurungan dan blok kod:

function greet() {
    console.log("Hello, world!");
}

Dalam contoh ini, kami telah mengisytiharkan fungsi ringkas bernama salam yang mencetak "Hello, dunia!" ke konsol.

Memanggil Fungsi dengan Tanda Kurung

Untuk memanggil atau memanggil fungsi, anda menggunakan namanya diikuti dengan tanda kurungan ():

greet(); // Output: Hello, world!

Apabila anda menambah kurungan pada nama fungsi, anda memberitahu JavaScript untuk melaksanakan kod di dalam fungsi tersebut. Dalam kes ini, fungsi greet() akan dilaksanakan dan mesej akan dicetak.

Fungsi Tanpa Tanda Kurung: Merujuk Fungsi

Jika anda menulis nama fungsi tanpa kurungan, anda tidak memanggil fungsi itu, sebaliknya merujuknya:

console.log(greet); // Output: [Function: greet]

Di sini, sapa tanpa kurungan merujuk kepada fungsi itu sendiri, bukannya melaksanakannya. Anda boleh menggunakan ini dalam senario tertentu, seperti menghantar fungsi sebagai hujah kepada fungsi lain atau memberikan fungsi kepada pembolehubah.

Parameter dan Hujah

Fungsi JavaScript boleh menerima input, dikenali sebagai parameter, yang ditakrifkan dalam kurungan apabila fungsi diisytiharkan:

function greet(name) {
    console.log("Hello, " + name + "!");
}

Dalam fungsi salam ini, nama ialah parameter, bermakna fungsi menjangkakan nilai akan dihantar apabila ia dipanggil. Apabila anda memanggil fungsi tersebut, nilai yang anda hantar dalam kurungan dikenali sebagai argumen.

greet("Alice"); // Output: Hello, Alice!
greet("Bob");   // Output: Hello, Bob!

Di sini, "Alice" dan "Bob" ialah argumen yang dihantar kepada fungsi salam dan ia digunakan sebagai ganti parameter nama.

Kembalikan Nilai

Fungsi juga boleh mengembalikan nilai menggunakan pernyataan pulangan. Sebaik sahaja fungsi mengembalikan nilai, panggilan fungsi digantikan dengan nilai tersebut:

function greet() {
    console.log("Hello, world!");
}

Dalam kes ini, fungsi tambah mengambil dua argumen (a dan b), menambahnya bersama-sama dan mengembalikan hasilnya. Nilai yang dikembalikan disimpan dalam jumlah berubah.

Fungsi Tanpa Nama dan Fungsi Anak Panah

Dalam JavaScript, fungsi juga boleh ditakrifkan tanpa nama. Ini dipanggil fungsi tanpa nama. Anda boleh menetapkan fungsi tanpa nama kepada pembolehubah:

greet(); // Output: Hello, world!

Selain itu, JavaScript mempunyai sintaks yang lebih ringkas untuk fungsi penulisan, dikenali sebagai fungsi anak panah. Fungsi anak panah sering digunakan untuk fungsi yang lebih pendek dan ringkas:

console.log(greet); // Output: [Function: greet]

Fungsi anak panah menggunakan => sintaks dan boleh meninggalkan kata kunci pulangan untuk fungsi ungkapan tunggal.

Berfungsi sebagai Warganegara Kelas Pertama

Dalam JavaScript, fungsi ialah warga kelas pertama, bermakna mereka boleh menjadi:

• Disimpan dalam pembolehubah
• Diluluskan sebagai hujah kepada fungsi lain
• Dikembalikan daripada fungsi

Fungsi Lulus sebagai Hujah

Memandangkan fungsi ialah objek kelas pertama, anda boleh menghantarnya sebagai argumen kepada fungsi lain:

function greet(name) {
    console.log("Hello, " + name + "!");
}

Dalam contoh ini, fungsi callFunction mengambil fungsi lain fn sebagai hujah dan memanggilnya. Kami melepasi fungsi salam tanpa kurungan, jadi ia tidak dipanggil serta-merta tetapi diluluskan melalui rujukan. Di dalam callFunction, kami kemudian memanggil fn() menggunakan kurungan.

Fungsi Mengembalikan

Fungsi juga boleh mengembalikan fungsi lain:

greet("Alice"); // Output: Hello, Alice!
greet("Bob");   // Output: Hello, Bob!

Di sini, createGreeting mengembalikan fungsi baharu yang mengingati nilai nama. Ini ialah contoh penutupan dalam JavaScript, di mana fungsi dalaman mengekalkan akses kepada pembolehubah fungsi luarnya.

Kesimpulan

Memahami fungsi dan kurungan dalam JavaScript adalah penting untuk menulis kod yang cekap, boleh diselenggara dan boleh digunakan semula. Tanda kurung mengawal sama ada anda memanggil fungsi atau hanya merujuknya, dan ia penting apabila berurusan dengan parameter, nilai pulangan dan panggilan fungsi. Selain itu, fleksibiliti JavaScript dalam mengendalikan fungsi sebagai warga kelas pertama membolehkan corak pengaturcaraan yang berkuasa seperti menghantar fungsi sebagai argumen dan mengembalikan fungsi daripada fungsi lain.

Atas ialah kandungan terperinci Fungsi dan Tanda kurung dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!