Eine kurze Diskussion über die Arten von JavaScript-Funktionen_Grundkenntnisse

In diesem Artikel werden hauptsächlich gewöhnliche Funktionen, anonyme Funktionen und Abschlussfunktionen vorgestellt

1. Einführung in allgemeine Funktionen
1.1 Beispiel

Code kopieren Der Code lautet wie folgt:

Funktion ShowName(name) {
alarm(name);
}

1.2 Überschreiben von Funktionen mit demselben Namen in Js

In JS werden Funktionen nicht überladen. Wenn Sie Funktionen mit demselben Funktionsnamen und unterschiedlichen Parametersignaturen definieren, überschreiben die späteren Funktionen die vorherigen Funktionen. Beim Aufruf werden nur die folgenden Funktionen aufgerufen.

Code kopieren Der Code lautet wie folgt:

var n1 = 1;

Funktion add(value1) {
Rückgabe n1 1;
}
alarm(add(n1));//Die folgende Funktion wird aufgerufen, Ausgabe: 3

Funktion add(Wert1, Wert2) {
Rückgabewert1 2;
}
alarm(add(n1));//Ausgabe: 3

1.3 Argumente Objekt

arguments ähnelt C#s params und bedient Variablenparameter: Die Anzahl der an die Funktion übergebenen Parameter ist größer als die Anzahl der Parameter bei der Definition.

Code kopieren Der Code lautet wie folgt:

Funktion showNames(name) {
alarm(name);//Zhang San
for (var i = 0; i < arguments.length; i ) {
alarm(arguments[i]);//Zhang San, Li Si, Wang Wu
}
}
showNames('Zhang San','Li Si','Wang Wu');

1.4 Standardbereichswert der Funktion

Wenn die Funktion keinen Rückgabewert angibt, ist der Standardrückgabewert „undefiniert“

Code kopieren Der Code lautet wie folgt:

Funktion showMsg() {
}
alarm(showMsg());//Ausgabe: undefiniert

　

2. Anonyme Funktion

2.1 Variable anonyme Funktion

2.1.1 Beschreibung
Variablen und Ereignissen können Funktionen zugewiesen werden.

2.1.2 Beispiel

Code kopieren Der Code lautet wie folgt:

//Variable anonyme Funktion, die linke Seite kann Variablen, Ereignisse usw. sein.
var anonymNormal = Funktion (p1, p2) {
alarm(p1 p2);
}
anonymNormal(3,6);//Ausgabe 9

2.1.3 Anwendbare Szenarien
①Vermeiden Sie die Verschmutzung von Funktionsnamen. Wenn Sie zunächst eine Funktion mit einem Namen deklarieren und diese dann einer Variablen oder einem Ereignis zuweisen, missbrauchen Sie den Funktionsnamen.

2.2 Namenlose anonyme Funktion

2.2.1 Beschreibung
Das heißt, wenn die Funktion deklariert wird, folgen ihr die Parameter. Wenn die JS-Syntax diese Funktion analysiert, wird der darin enthaltene Code sofort ausgeführt.

2.2.2 Beispiel

Code kopieren Der Code lautet wie folgt:

(Funktion (p1) {
alarm(p1);
})(1);

2.2.3 Anwendbare Szenarien
①Es muss nur einmal ausgeführt werden. Wenn der Browser geladen ist, muss die Funktion nur einmal ausgeführt werden und wird später nicht ausgeführt.

3. Verschlussfunktion

3.1 Beschreibung

Angenommen, Funktion A deklariert eine Funktion B innerhalb von Funktion B, Funktion B verweist auf eine Variable außerhalb von Funktion B und der Rückgabewert von Funktion A ist ein Verweis auf Funktion B. Dann ist Funktion B eine Abschlussfunktion.

3.2 Beispiel

3.2.1 Beispiel 1: Globaler Bezug und lokaler Bezug

Code kopieren Der Code lautet wie folgt:

Funktion funA() {
var i = 0;
Function funB() { //Abschlussfunktion funB
         i ;
alarm(i)
}
Return funB;
}
var allShowA = funA(); //Globale Variablenreferenz: kumulative Ausgabe 1, 2, 3, 4 usw.

Funktion partShowA() {
var showa = funA(); //Lokale Variablenreferenz: nur Ausgabe 1
showa();
}

allShowA ist eine globale Variable, die auf die Funktion funA verweist. Durch wiederholtes Ausführen von allShowA() werden die akkumulierten Werte von 1, 2, 3, 4 usw. ausgegeben.

Führen Sie die Funktion partShowA() aus, da intern nur die lokale Variable showa als Referenz auf funA deklariert ist. Nach der Ausführung werden aufgrund des Gültigkeitsbereichs die von showa belegten Ressourcen freigegeben.

Der Schlüssel zum Schließen ist der Umfang: Die von globalen Variablen belegten Ressourcen werden erst freigegeben, wenn die Seite wechselt oder der Browser geschlossen wird. Wenn var allShowA = funA() ist, entspricht dies dem Verweis von allShowA auf funB(), sodass die Ressourcen in funB() nicht von GC recycelt werden, sodass auch die Ressourcen in funA() nicht recycelt werden.

3.2.2 Beispiel 2: Parametrische Verschlussfunktion

Code kopieren Der Code lautet wie folgt:

Funktion funA(arg1,arg2) {
var i = 0;
Funktion funB(step) {
i = i step;
alarm(i)
}
Return funB;
}
var allShowA = funA(2, 3); //Der Aufruf ist funA arg1=2, arg2=3
allShowA(1);//Der Aufruf ist funB step=1, Ausgabe 1
allShowA(3);//Der Aufruf ist funB setp=3, Ausgabe 4

3.2.3 Beispiel 3: Variablenfreigabe innerhalb der übergeordneten Funktion funA

Code kopieren Der Code lautet wie folgt:

Funktion funA() {
var i = 0;
Funktion funB() {
         i ;
alarm(i)
}
AllShowC = function () {// allShowC verweist auf die anonyme Funktion und teilt die Variable i
mit funB          i ;
alarm(i)
}
Return funB;
}
var allShowA = funA();
var allShowB = funA();//allShowB verweist auf funA, allShowC wird intern neu gebunden und teilt die Variable i
mit allShowB

3.3 Anwendbare Szenarien

① Stellen Sie die Sicherheit der Variablen innerhalb der Funktion funA sicher, da auf die Variablen von funA nicht direkt von außen zugegriffen werden kann.

Haben Sie etwas über die JavaScript-Funktion gelernt? Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht.