Perbincangan ringkas tentang jenis fungsi JavaScript_Pengetahuan asas

Artikel ini terutamanya memperkenalkan fungsi biasa, fungsi tanpa nama dan fungsi penutupan

1. Pengenalan kepada fungsi biasa
1.1 Contoh

Salin kod Kod adalah seperti berikut:

fungsi ShowName(nama) {
makluman(nama);
}

1.2 Penukaran fungsi dengan nama yang sama dalam Js

Dalam JS, fungsi tidak terbeban jika anda mentakrifkan fungsi dengan nama fungsi yang sama dan tandatangan parameter yang berbeza, fungsi kemudian akan menimpa fungsi sebelumnya. Apabila dipanggil, hanya fungsi berikut akan dipanggil.

Salin kod Kod adalah seperti berikut:

var n1 = 1;

fungsi tambah(nilai1) {
Kembalikan n1 1;
}
alert(add(n1));//Fungsi berikut dipanggil, output: 3

fungsi tambah(nilai1, nilai2) {
Pulangan nilai1 2;
}
makluman(tambah(n1));//Output: 3

1.3 argumen objek

argumen adalah serupa dengan param C#, mengendalikan parameter pembolehubah: bilangan parameter yang dihantar ke dalam fungsi adalah lebih besar daripada bilangan parameter apabila ditakrifkan.

Salin kod Kod adalah seperti berikut:

function showNames(nama) {
makluman(nama);//Zhang San
untuk (var i = 0; i makluman(hujah[i]);//Zhang San, Li Si, Wang Wu
}
}
showNames('Zhang San','Li Si','Wang Wu');

1.4 Nilai julat lalai fungsi

Jika fungsi tidak menyatakan nilai pulangan, nilai pulangan lalai adalah 'tidak ditentukan'

Salin kod Kod adalah seperti berikut:

function showMsg() {
}
alert(showMsg());//Output: undefined

　

2. Fungsi tanpa nama

2.1 Fungsi tanpa nama boleh ubah

2.1.1 Penerangan
Fungsi boleh diberikan kepada pembolehubah dan peristiwa.

2.1.2 Contoh

Salin kod Kod adalah seperti berikut:

//Fungsi tanpa nama boleh ubah, sebelah kiri boleh menjadi pembolehubah, peristiwa, dsb.
var anonymousNormal = fungsi (p1, p2) {
makluman(p1 p2);
}
anonymousNormal(3,6);//Output 9

2.1.3 Senario Berkenaan
①Elakkan pencemaran nama fungsi. Jika anda mula-mula mengisytiharkan fungsi dengan nama dan kemudian menetapkannya kepada pembolehubah atau acara, anda akan menyalahgunakan nama fungsi tersebut.

2.2 Fungsi tanpa nama tanpa nama

2.2.1 Penerangan
Iaitu, apabila fungsi diisytiharkan, ia diikuti oleh parameter. Apabila sintaks JS menghuraikan fungsi ini, kod di dalamnya dilaksanakan serta-merta.

2.2.2 Contoh

Salin kod Kod adalah seperti berikut:

(fungsi (p1) {
makluman(p1);
})(1);

2.2.3 Senario Berkenaan
①Ia hanya perlu dilaksanakan sekali. Jika pelayar dimuatkan, fungsi itu hanya perlu dilaksanakan sekali dan tidak akan dilaksanakan kemudian.

3. Fungsi penutupan

3.1 Penerangan

Andaikan fungsi A mengisytiharkan fungsi B di dalam, fungsi B merujuk kepada pembolehubah di luar fungsi B, dan nilai pulangan fungsi A ialah rujukan kepada fungsi B. Kemudian fungsi B ialah fungsi penutupan.

3.2 Contoh

3.2.1 Contoh 1: Rujukan global dan rujukan tempatan

Salin kod Kod adalah seperti berikut:

fungsi funA() {
var i = 0;
Function funB() { //Fungsi penutup funB
         i ;
makluman(i)
}
Kembali keseronokanB;
}
var allShowA = funA(); //Rujukan pembolehubah global: output terkumpul 1, 2, 3, 4, dsb.

fungsi partShowA() {
var showa = funA();//Rujukan pembolehubah setempat: hanya output 1
Showa();
}

allShowA ialah pembolehubah global yang merujuk fungsi funA. Menjalankan allShowA() berulang kali akan mengeluarkan nilai terkumpul 1, 2, 3, 4, dsb.

Laksanakan fungsi partShowA(), kerana hanya pembolehubah tempatan showa diisytiharkan secara dalaman untuk rujukan funA Selepas pelaksanaan, disebabkan skop, sumber yang diduduki oleh showa dikeluarkan.

Kunci penutupan ialah skop: sumber yang diduduki oleh pembolehubah global hanya akan dikeluarkan apabila halaman berubah atau penyemak imbas ditutup. Apabila var allShowA = funA(), ia bersamaan dengan allShowA merujuk funB(), supaya sumber dalam funB() tidak akan dikitar semula oleh GC, jadi sumber dalam funA() juga tidak akan dikitar semula.

3.2.2 Contoh 2: Fungsi penutupan parametrik

Salin kod Kod adalah seperti berikut:

fungsi funA(arg1,arg2) {
var i = 0;
Function funB(step) {
i = i langkah;
makluman(i)
}
Kembali keseronokanB;
}
var allShowA = funA(2, 3); //Panggilan ialah funA arg1=2, arg2=3
allShowA(1);//Panggilan adalah funB step=1, output 1
allShowA(3);//Panggilan ialah funB setp=3, output 4

3.2.3 Contoh 3: Perkongsian pembolehubah dalam fungsi induk funA

Salin kod Kod adalah seperti berikut:

fungsi funA() {
var i = 0;
fungsi funB() {
         i ;
makluman(i)
}
AllShowC = function () {// allShowC merujuk kepada fungsi tanpa nama dan berkongsi pembolehubah i
dengan funB          i ;
makluman(i)
}
Kembali keseronokanB;
}
var allShowA = funA();
var allShowB = funA();//allShowB merujuk kepada funA, allShowC diikat semula secara dalaman dan berkongsi pembolehubah i
dengan allShowB

3.3 Senario Berkenaan

① Pastikan keselamatan pembolehubah di dalam fungsi funA, kerana pembolehubah funA tidak boleh diakses terus dari luar.

Adakah anda mengetahui apa-apa tentang fungsi JavaScript Jika anda mempunyai sebarang soalan, sila tinggalkan saya mesej.