Lernen Sie, mit JavaScript zu codieren: Teil 4, Funktionen

JavaScript -Funktion: Keine Funktion des Rückgabewerts und der Rückgabewertfunktion

In diesem Artikel wird zwei Arten von Funktionen in JavaScript erörtert: void-Funktionen und Wertschöpfungsfunktionen.

void -Funktionen (void -Funktionen)

Die NO -Rückgabewertfunktion führt eine Reihe von Operationen aus, gibt jedoch keinen Wert zurück. Sie werden häufig verwendet, um Nebenwirkungen wie das Ausdruck oder die Modifizierung des globalen Zustands auszuführen.

Die Grundstruktur der

-Funktion lautet wie folgt:

function functionName() {
    语句;
    语句;
    // ...
}

Eine Stichprobe einer Funktion ohne Rückgabewert:

function greet() {
    console.log("Hello, World");
}

Methoden zum Aufrufen einer Funktion (auch als Ausführung einer Funktion oder Aufruf einer Funktion):

greet();

Es ist erwähnenswert, dass selbst die Funktion ohne Rückgabewert implizit undefined zurückgibt. Das Folgende ist die greet -Funktion, die durch die Pfeilfunktion dargestellt wird:

let greet = () => console.log("Hello, World");

Beispiel für die Funktion mit Parametern:

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");

Die Pfeilfunktion ist eine anonyme Funktion und wird benannt, indem Variablen Werte zugewiesen werden. Einer der Vorteile von Pfeilfunktionen besteht darin, den Code prägnanter zu gestalten.

Beispiel einer faktoriellen Funktion ohne Rückgabewert:

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);

Wertsergebnisfunktionen

Es gibt eine Rückgabewertfunktion, die eine Reihe von Operationen ausführt und einen Wert zurückgibt. Die Funktion muss mit einer return -Anweisung enden. Das folgende Beispiel gibt die Summe von zwei Zahlen zurück:

function add(x, y) {
    return x + y;
}

Allgemeine Form der Rückgabewertfunktion:

function functionName() {
    语句;
    语句;
    // ...
    return 表达式;
}

Die

-Funktion gibt den Wert des Ausdrucks zurück. Solche Funktionen sind nützlich, wenn Sie den Rückgabewert in einer Variablen speichern oder an anderer Stelle in Ihrem Code verwenden müssen. Wenn Sie vorhaben, den Wert einer Funktion an anderer Stelle in Ihrem Code zu verwenden, sollten Sie den Wert aus der Funktion explizit zurückgeben.

Beispiel einer faktoriellen Funktion mit einem Rückgabewert:

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));

Das Ausgabeergebnis von

entspricht der Funktion ohne Rückgabewert, die Differenz besteht darin, dass der Rückgabewert nach console.log ausgegeben wird. Die Funktion mit Rückgabewert gibt einen Wert zurück, während die Funktion ohne Rückgabewert undefined zurückgibt.

Scope (Scope)

Umfang bezieht sich auf den Bereich des Programms, in dem Variablen zugegriffen werden können. Variablen, die in einer Funktion deklariert sind (einschließlich Funktionsparameter), sind lokale Variablen. Codeblöcke haben auch Bereiche, in denen lokale Variablen erstellt werden können.

Variablen, die nicht in Codeblöcken oder Modulen deklariert sind, sind globale Variablen. Wenn globale Variablen erforderlich sind, können globale Konstanten verwendet werden. Andernfalls sollten Sie versuchen, den Code auf das Modul zu begrenzen, da das Modul einen eigenen Bereich hat. Ein besserer Weg ist die Verwendung von Modulen, um den Code so zu organisieren, dass die Codestruktur klar ist.

Dieser Artikel wurde mit Monty Shokeen aktualisiert. Monty ist ein Full-Stack-Entwickler, der es liebt, Tutorials zu schreiben und neue JavaScript-Bibliotheken zu lernen.

Das obige ist der detaillierte Inhalt vonLernen Sie, mit JavaScript zu codieren: Teil 4, Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!