Rumah > hujung hadapan web > tutorial js > Belajar kod dengan JavaScript: Bahagian 4, Fungsi

Belajar kod dengan JavaScript: Bahagian 4, Fungsi

William Shakespeare
Lepaskan: 2025-03-09 00:52:10
asal
388 orang telah melayarinya

Learn to Code With JavaScript: Part 4, Functions

fungsi javascript: tiada fungsi nilai pulangan dan fungsi nilai pulangan

Artikel ini membincangkan dua jenis fungsi dalam JavaScript: Fungsi tidak sah dan fungsi pengulangan nilai.

void functions (void functions)

Fungsi No Return Value melaksanakan satu siri operasi, tetapi tidak mengembalikan sebarang nilai. Mereka sering digunakan untuk melakukan kesan sampingan, seperti mencetak atau mengubah keadaan global.

Struktur asas fungsi

adalah seperti berikut:

Contoh fungsi tanpa nilai pulangan:
function functionName() {
    语句;
    语句;
    // ...
}
Salin selepas log masuk

kaedah untuk memanggil fungsi (juga dikenali sebagai melaksanakan fungsi atau memanggil fungsi):
function greet() {
    console.log("Hello, World");
}
Salin selepas log masuk

Perlu diperhatikan bahawa walaupun fungsi tanpa pulangan nilai pulangan secara tersirat pulangan
greet();
Salin selepas log masuk
. Berikut adalah fungsi

yang diwakili oleh fungsi anak panah: undefined greet

Contoh fungsi dengan parameter:
let greet = () => console.log("Hello, World");
Salin selepas log masuk

Fungsi anak panah adalah fungsi tanpa nama dan dinamakan dengan memberikan nilai kepada pembolehubah. Salah satu kelebihan fungsi anak panah adalah untuk menjadikan kod lebih ringkas.
let greet = name => console.log(`Hello, ${name}`);

// 输出:Hello, Monty
greet("Monty");

let greet = (fname, lname) => console.log(`Hello, ${fname} ${lname}. How are you?`);

// 输出:Hello, Monty Shokeen. How are you?
greet("Monty", "Shokeen");

let greet = (fname, lname) => {
    let name = `${fname} ${lname}`;
    console.log(`Hello, ${name}`);
};

// 输出:Hello, Monty Shokeen
greet("Monty", "Shokeen");
Salin selepas log masuk

Contoh fungsi faktorial tanpa nilai pulangan:

function factorial(x) {
    let result = 1;
    while (x > 1) {
        result *= x;
        x -= 1;
    }
    console.log(result);
}

// 输出:3628800
factorial(10);

// 输出:479001600
factorial(12);

// 输出:6402373705728000
factorial(18);
Salin selepas log masuk
Fungsi Returning Nilai

Terdapat fungsi nilai pulangan yang melaksanakan satu siri operasi dan mengembalikan nilai. Fungsi ini mesti berakhir dengan pernyataan . Contoh berikut mengembalikan jumlah dua nombor:

return Fungsi nilai pulangan umum:

function add(x, y) {
    return x + y;
}
Salin selepas log masuk
Fungsi

mengembalikan nilai ungkapan. Fungsi sedemikian berguna apabila anda perlu menyimpan nilai pulangan dalam pembolehubah atau menggunakannya di tempat lain dalam kod anda. Jika anda bercadang untuk menggunakan nilai fungsi di tempat lain dalam kod anda, anda harus mengembalikan nilai secara jelas dari fungsi tersebut.

function functionName() {
    语句;
    语句;
    // ...
    return 表达式;
}
Salin selepas log masuk
Contoh fungsi faktorial dengan nilai pulangan:

Hasil output

adalah sama dengan fungsi tanpa nilai pulangan, perbezaannya ialah nilai pulangan adalah output oleh

. Fungsi dengan nilai pulangan mengembalikan nilai, sementara fungsi tanpa pulangan nilai pulangan
function factorial(x) {
    let result = 1;
    while (x > 1) {
        result *= x;
        x -= 1;
    }
    return result;
}

// 输出:3628800
console.log(factorial(10));

// 输出:479001600
console.log(factorial(12));

// 输出:6402373705728000
console.log(factorial(18));
Salin selepas log masuk
.

console.log undefined skop (skop)

Skop merujuk kepada kawasan dalam program di mana pembolehubah boleh diakses. Pembolehubah yang diisytiharkan di dalam fungsi (termasuk parameter fungsi) adalah pembolehubah tempatan. Blok kod juga mempunyai skop di mana pembolehubah tempatan boleh dibuat.

Pembolehubah yang tidak diisytiharkan dalam blok kod atau modul adalah pembolehubah global. Jika pembolehubah global diperlukan, pemalar global boleh digunakan. Jika tidak, anda harus cuba mengehadkan kod ke modul kerana modul mempunyai skop sendiri. Cara yang lebih baik ialah menggunakan modul untuk mengatur kod supaya struktur kod jelas.

Artikel ini dikemas kini dengan Monty Shokeen. Monty adalah pemaju penuh yang suka menulis tutorial dan mempelajari perpustakaan JavaScript baru.

Atas ialah kandungan terperinci Belajar kod dengan JavaScript: Bahagian 4, Fungsi. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan