Rumah > hujung hadapan web > tutorial js > Perkara yang dilakukan oleh fungsi JavaScript

Perkara yang dilakukan oleh fungsi JavaScript

王林
Lepaskan: 2024-02-19 15:32:06
asal
742 orang telah melayarinya

Perkara yang dilakukan oleh fungsi JavaScript

Peranan fungsi dalam JavaScript

JavaScript ialah bahasa skrip yang berkuasa dan fungsi adalah salah satu ciri yang paling asas dan penting. Fungsi boleh dipanggil sebagai blok bebas kod atau sebagai sebahagian daripada kod lain. Ia boleh menerima parameter, melakukan satu siri operasi dan mengembalikan hasil. Artikel ini akan memperkenalkan peranan fungsi fungsi dalam JavaScript dan menyediakan contoh kod khusus.

1. Definisi dan panggilan fungsi
Fungsi boleh ditakrifkan melalui kata kunci fungsi. Sintaks untuk mentakrifkan fungsi adalah seperti berikut:

function 函数名(参数1, 参数2, ...){
    // 函数体
    // 执行一系列操作
    // 返回结果
}
Salin selepas log masuk

di mana nama fungsi ialah pengecam fungsi, yang digunakan semasa memanggil fungsi. Parameter adalah pilihan dan boleh menjadi sebarang nombor. Satu siri pernyataan boleh ditulis dalam badan fungsi untuk melaksanakan operasi. Anda boleh menggunakan penyata pulangan untuk mengembalikan hasil.

Selepas mentakrifkan fungsi, anda boleh memanggil fungsi melalui nama fungsi dan memasukkan parameter yang sepadan. Contohnya:

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

greet("John"); // 输出:Hello, John!
Salin selepas log masuk

Dalam contoh di atas, fungsi bernama greet ditakrifkan, yang mempunyai nama parameter. Gunakan console.log() dalam badan fungsi untuk mencetak ucapan. Apabila memanggil fungsi, hantar "John" sebagai parameter.

2. Parameter fungsi dan nilai pulangan
Fungsi boleh menerima sebarang bilangan parameter dan menerima nilai masuk dengan menyatakan nama parameter apabila fungsi ditakrifkan. Apabila memanggil fungsi, hantar nilai yang sepadan dengan parameter. Contohnya:

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

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

Dalam kod di atas, fungsi bernama sum ditakrifkan, yang mempunyai dua parameter a dan b. Pernyataan pulangan digunakan dalam badan fungsi untuk mengembalikan hasil tambah a dan b. Fungsi dipanggil dengan menghantar 2 dan 3 sebagai parameter, dan output akhir ialah 5.

Fungsi ini juga tidak boleh menerima sebarang parameter. Contohnya:

function sayHello(){
    console.log("Hello!");
}

sayHello(); // 输出:Hello!
Salin selepas log masuk

Dalam kod di atas, fungsi yang dipanggil sayHello ditakrifkan tanpa sebarang parameter. Gunakan console.log() dalam badan fungsi untuk mengeluarkan ucapan. Dengan memanggil fungsi sayHello, hasil keluaran akhir ialah Hello! Fungsi ini boleh mengembalikan sebarang jenis nilai dan menggunakan pernyataan pulangan untuk mengembalikan hasilnya. Contohnya:

function square(n){
    return n * n;
}

console.log(square(3)); // 输出:9
Salin selepas log masuk

Dalam kod di atas, fungsi bernama segi empat sama ditakrifkan, yang mempunyai parameter n. Gunakan pernyataan pulangan dalam badan fungsi untuk mengembalikan kuasa dua n. Dengan memanggil fungsi segi empat sama dan menghantar 3 sebagai parameter, output akhir ialah 9.

3. Bersarang dan Skop Fungsi

Dalam JavaScript, fungsi boleh bersarang di dalam fungsi lain. Fungsi bersarang boleh mengakses pembolehubah dan parameter dalam skop fungsi luar. Contohnya:

function outer(){
    var x = 10;

    function inner(){
        console.log(x);
    }

    inner(); // 输出:10
}

outer();
Salin selepas log masuk

Dalam kod di atas, fungsi yang dinamakan outer ditakrifkan, yang mempunyai pembolehubah tempatan x. Di dalam fungsi luar, fungsi yang dinamakan dalam ditakrifkan. Fungsi dalam boleh mengakses pembolehubah tempatan x bagi fungsi luar dan mengeluarkan nilai x melalui console.log().

4. Ungkapan fungsi dan fungsi tanpa nama

Selain menggunakan kata kunci fungsi untuk mentakrifkan fungsi, anda juga boleh menggunakan ungkapan fungsi untuk mencipta fungsi. Ungkapan fungsi boleh diberikan kepada pembolehubah dan boleh menjadi tanpa nama. Contohnya:

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

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

Dalam kod di atas, fungsi yang dipanggil darab dicipta menggunakan ungkapan fungsi. Ia mengambil dua parameter a dan b dan mengembalikan hasil darab a dan b. Dengan memanggil fungsi darab dan lulus 2 dan 3 sebagai parameter, hasil keluaran akhir ialah 6.

Fungsi tanpa nama ialah fungsi tanpa nama fungsi Ia boleh ditakrifkan secara langsung dalam kedudukan parameter fungsi atau digunakan semasa memanggil. Contohnya:

setTimeout(function(){
    console.log("Hello, world!");
}, 1000);
Salin selepas log masuk

Dalam kod di atas, fungsi tanpa nama digunakan sebagai parameter bagi fungsi setTimeout dan salam dikeluarkan selepas kelewatan 1000 milisaat.

Ringkasan:

Fungsi fungsi dalam JavaScript ialah ciri berkuasa yang boleh mentakrif, memanggil dan menggunakan semula blok kod. Fungsi boleh menerima parameter, melakukan satu siri operasi dan mengembalikan hasil. Melalui sarang fungsi, pembolehubah dan parameter fungsi luaran boleh diakses dalam fungsi. Ungkapan fungsi dan fungsi tanpa nama boleh diberikan kepada pembolehubah dan menjadikan organisasi kod dan penggunaan semula lebih mudah.


Di atas ialah pengenalan kepada peranan fungsi fungsi dalam JavaScript, dan menyediakan contoh kod khusus. Dengan menguasai definisi, panggilan, parameter, nilai pulangan, sarang dan skop fungsi, anda boleh menggunakan keupayaan fungsi JavaScript dengan lebih baik untuk menyelesaikan pelbagai tugas.

Atas ialah kandungan terperinci Perkara yang dilakukan oleh fungsi JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
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