Detaillierte Erklärung zur Verwendung von JavaScript-Funktionen

Inhaltsverzeichnis

1. Deklarieren Sie eine Funktion
2. Aufruf einer Funktion
3. Funktionsparameter
4. Funktionsrückgabewert
5. Verwendung von Argumenten
6. Eine Funktion kann eine andere Funktion aufrufen
7. Zwei Möglichkeiten, eine Funktion zu deklarieren
Zusammenfassen
1. Deklarieren Sie eine Funktion
2. Aufruf einer Funktion
3. Funktionsparameter
4. Funktionsrückgabewert
5. Verwendung von Argumenten
6. Eine Funktion kann eine andere Funktion aufrufen
7. Zwei Möglichkeiten, eine Funktion zu deklarieren
Zusammenfassen

1. Deklarieren Sie eine Funktion

//Funktion deklarieren function name() {
    //Funktionskörpercode}

Funktion ist ein Schlüsselwort zum Deklarieren einer Funktion. Es muss klein geschrieben sein. Da Funktionen im Allgemeinen definiert werden, um eine bestimmte Funktion zu erreichen, benennen wir die Funktion normalerweise als Verb, z. B. getSum.

2. Aufruf einer Funktion

//Funktion aufrufen function name(); //Führen Sie den Funktionskörpercode aus, indem Sie den Funktionsnamen aufrufen

Der Code in der Funktionsdeklaration selbst wird nicht ausgeführt. Der Funktionskörpercode wird nur ausgeführt, wenn die Funktion aufgerufen wird.

3. Funktionsparameter

Beim Deklarieren einer Funktion können Sie in Klammern nach dem Funktionsnamen einige Parameter hinzufügen. Diese Parameter werden als formale Parameter bezeichnet. Beim Aufruf der Funktion müssen Sie auch entsprechende Parameter übergeben. Diese Parameter werden als tatsächliche Parameter bezeichnet.

Parameter	veranschaulichen
Parameter	Die bei der Definition der formalen Parameterfunktion übergebenen Parameter sind derzeit unbekannt.
Tatsächliche Parameter	Tatsächlich wird der tatsächliche Parameter, der beim Aufruf der Parameterfunktion übergeben wird, an den formalen Parameter übergeben

Die Rolle der Parameter: Einige Werte innerhalb einer Funktion können nicht festgelegt werden. Wir können beim Aufrufen der Funktion über Parameter unterschiedliche Werte an die Funktion übergeben.

Das Problem der Nichtübereinstimmung zwischen der Anzahl der Funktionsparameter und der tatsächlichen Parameter

Anzahl der Parameter	veranschaulichen
Die Anzahl der tatsächlichen Parameter ist gleich der Anzahl der formalen Parameter	Korrektes Ergebnis ausgeben
Die Anzahl der tatsächlichen Parameter ist größer als die Anzahl der formalen Parameter	Man erhält lediglich die Anzahl der formalen Parameter
Die Anzahl der tatsächlichen Parameter ist kleiner als die Anzahl der formalen Parameter	Wenn mehrere Parameter als undefiniert definiert sind, ist das Ergebnis NaN.

Funktion Summe(Zahl1,Zahl2) {
    konsole.log(num1+num2);
}
Summe (100,200); //Die Anzahl der tatsächlichen Parameter ist gleich der Anzahl der formalen Parameter, daher ist das korrekte Ergebnis die Ausgabe Summe (100,400,500,700); //Die Anzahl der tatsächlichen Parameter ist größer als die Anzahl der formalen Parameter, daher wird nur die Anzahl der formalen Parameter übernommen Summe (200); //Die Anzahl der tatsächlichen Parameter ist kleiner als die Anzahl der formalen Parameter, daher werden die formalen Parameter als undefiniert definiert und das Ergebnis ist NaN

In JavaScript ist der Standardwert eines Parameters undefiniert.

4. Funktionsrückgabewert

Verwenden Sie häufig „return“, um Funktionswerte zurückzugeben

return beendet die Funktion

Funktion addieren(Zahl1,Zahl2) {
    //Funktionskörper return num1+num2; //Hinweis: Der Code nach return wird nicht ausgeführt alert('Da vorher ein return erfolgt, wird es nicht ausgeführt');
}
var resNum = add(21,6); //Funktion aufrufen, zwei Argumente übergeben und den Funktionsrückgabewert über resNum erhalten alert(resNum); //27

Wenn die Funktion über eine Rückgabe verfügt, gibt sie den Wert nach der Rückgabe zurück. Wenn keine Rückgabe erfolgt, gibt sie „undefined“ zurück.

Der Unterschied zwischen Break, Continue und Return

break : Beenden Sie die aktuelle Schleife (z. B. for, while)
continue : aus der aktuellen Schleife springen und mit der Ausführung der nächsten Schleife fortfahren (z. B. for, while)
return : Kann nicht nur die Schleife verlassen, sondern auch den Wert in der Return-Anweisung zurückgeben und den Code im aktuellen Funktionskörper beenden.

5. Verwendung von Argumenten

Wenn wir nicht sicher sind, wie viele Parameter übergeben werden, können wir Argumente verwenden, um sie abzurufen. In JavaScript sind Argumente tatsächlich ein integriertes Objekt der aktuellen Funktion. Alle Funktionen verfügen über ein integriertes Argumentobjekt, das alle tatsächlich übergebenen Parameter speichert.

<!DOCTYPE html>
<html lang="de">
<Kopf>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-kompatibel" content="IE=edge">
    <meta name="viewport" content="width=Gerätebreite, Anfangsmaßstab=1.0">
    <title>Dokument</title>
    <Skript>
        Funktion fn() {
            console.log(arguments); //Es speichert alle übergebenen Argumente console.log(arguments.length);
            console.log(Argumente[2]);
            //Sie können Argumente als Array durchlaufen
            für (var i = 0; i < Argumente.Länge; i++) {
                Konsole.log(Argumente[i]);
            }
        }
        fn(1, 2, 3);
        fn(1, 2, 3, 4, 5);
        //Pseudo-Array ist kein echtes Array //1. Es hat die Längeneigenschaft eines Arrays //2. Es wird indiziert gespeichert //3. Es hat nicht einige Methoden eines echten Arrays wie pop() push() usw.</script>
</Kopf>
<Text>
</body>
</html>

Bildbeschreibung hier einfügen

6. Eine Funktion kann eine andere Funktion aufrufen

Funktion fn1() {
   konsole.log(111);
   fn2();
   Konsole.log('fn1');
}
Funktion fn2() {
   konsole.log(222);
   Konsole.log('fn2');
}
fn1();

7. Zwei Möglichkeiten, eine Funktion zu deklarieren

//1. Verwenden Sie Funktionsschlüsselwörter, um benutzerdefinierte Funktionen (benannte Funktionen) zu definieren.
Funktion fn() {
}
fn();
//2. Funktionsausdruck (anonyme Funktion)
//var Variablenname = Funktion() {};
var Spaß = Funktion (aru) {
    console.log('Ich bin ein Funktionsausdruck');
    Konsole.log(aru);
}
Spaß('FG');
//(1) fun ist ein Variablenname, kein Funktionsname //(2) Die Deklaration eines Funktionsausdrucks ähnelt der Deklaration einer Variablen, mit dem Unterschied, dass die Variable einen Wert speichert, während der Funktionsausdruck eine Funktion speichert //(3) Funktionsausdrücke können auch Parameter übergeben

Zusammenfassen

Dieser Artikel endet hier. Ich hoffe, er kann Ihnen helfen. Ich hoffe auch, dass Sie mehr Inhalt auf 123WORDPRESS.COM lesen können!