Rumah > Artikel > hujung hadapan web > Menguasai Fungsi dalam 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 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 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
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 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
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!
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
Nama fungsi hendaklah deskriptif dan mengikut konvensyen camelCase.
Contoh:
function calculateArea(radius) { return Math.PI * radius * radius; } console.log(calculateArea(5)); // Output: 78.53981633974483
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
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!