Rumah  >  Artikel  >  hujung hadapan web  >  Menguasai Fungsi dalam JavaScript

Menguasai Fungsi dalam JavaScript

Susan Sarandon
Susan Sarandonasal
2024-09-21 14:31:32241semak imbas

Mastering Functions in JavaScript

Fungsi ialah blok binaan asas dalam JavaScript yang membolehkan anda merangkum kod dan menggunakannya semula sepanjang program anda. Dalam blog ini, kami akan merangkumi asas fungsi, termasuk pengisytiharan fungsi, pembolehubah tempatan dan luar, parameter, nilai lalai, nilai yang dikembalikan, konvensyen penamaan dan kepentingan ulasan. Jom terjun!

Pengisytiharan Fungsi

Pengisytiharan fungsi mentakrifkan fungsi bernama dengan set parameter tertentu.

Sintaks:

function functionName(parameters) {
  // code to execute
}

Contoh:

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

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

Pembolehubah Setempat

Pembolehubah yang diisytiharkan di dalam fungsi adalah setempat kepada fungsi itu dan tidak boleh diakses di luarnya.

Contoh:

function calculateSum(a, b) {
  let sum = a + b; // Local variable
  return sum;
}

console.log(calculateSum(3, 4)); // Output: 7
// console.log(sum); // Error: sum is not defined

Pembolehubah Luar

Fungsi boleh mengakses pembolehubah yang diisytiharkan di luarnya, dikenali sebagai pembolehubah luar.

Contoh:

let message = "Hello, World!";

function printMessage() {
  console.log(message); // Accessing outer variable
}

printMessage(); // Output: Hello, World!

Parameter

Parameter ialah pemegang tempat untuk nilai yang akan dihantar ke fungsi apabila ia dipanggil.

Contoh:

function multiply(a, b) {
  return a * b;
}

console.log(multiply(2, 3)); // Output: 6

Nilai Lalai

Anda boleh memberikan nilai lalai untuk parameter fungsi sekiranya ia tidak diluluskan apabila fungsi dipanggil.

Contoh:

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

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

Mengembalikan Nilai

Fungsi boleh mengembalikan nilai menggunakan pernyataan kembali.

Contoh:

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

let result = add(5, 3);
console.log(result); // Output: 8

Menamakan Fungsi

Nama fungsi hendaklah deskriptif dan mengikut konvensyen camelCase.

Contoh:

function calculateArea(radius) {
  return Math.PI * radius * radius;
}

console.log(calculateArea(5)); // Output: 78.53981633974483

Fungsi == Komen

Ulasan adalah penting untuk mendokumentasikan tujuan dan penggunaan fungsi. Mereka membantu pembangun lain (dan diri masa depan anda) memahami kod tersebut.

Contoh:

/**
 * Calculates the area of a circle.
 * @param {number} radius - The radius of the circle.
 * @return {number} The area of the circle.
 */
function calculateArea(radius) {
  return Math.PI * radius * radius;
}

console.log(calculateArea(5)); // Output: 78.53981633974483

Ringkasan

  • Pengisytiharan Fungsi: Mentakrifkan fungsi bernama dengan parameter.
  • Pembolehubah Setempat: Pembolehubah yang diisytiharkan di dalam fungsi adalah setempat kepada fungsi tersebut.
  • Pembolehubah Luar: Fungsi boleh mengakses pembolehubah yang diisytiharkan di luarnya.
  • Parameter: Pemegang tempat untuk nilai yang dihantar ke fungsi.
  • Nilai Lalai: Berikan nilai lalai untuk parameter.
  • Mengembalikan Nilai: Fungsi boleh mengembalikan nilai menggunakan kembali penyata.
  • Menamakan Fungsi: Gunakan nama deskriptif dan ikuti konvensyen camelCase.
  • Fungsi == Komen: Fungsi Dokumen dengan ulasan untuk menerangkan tujuan dan penggunaannya.

Kesimpulan

Fungsi ialah ciri berkuasa dalam JavaScript yang membolehkan anda menyusun dan menggunakan semula kod dengan berkesan. Dengan memahami cara mengisytiharkan fungsi, menggunakan pembolehubah tempatan dan luar, bekerja dengan parameter dan nilai lalai, mengembalikan nilai, menamakan fungsi dengan sewajarnya, dan mendokumentasikannya dengan ulasan, anda akan dapat menulis kod yang lebih modular dan boleh diselenggara. Teruskan berlatih dan meneroka untuk mendalami pemahaman anda tentang fungsi dalam JavaScript.

Nantikan blog yang lebih mendalam tentang JavaScript! Selamat mengekod!

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

Kenyataan:
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
Artikel sebelumnya:Paparan Data dalam GatsbyArtikel seterusnya:Paparan Data dalam Gatsby