Was ist eine Javascript-Funktion?

Funktion bezieht sich in JavaScript auf „Funktion“, eine Reihe von Codeblöcken, die bestimmte Aufgaben (mit bestimmten Funktionen) ausführen und wiederverwendet werden können. Funktionen werden nicht automatisch ausgeführt und müssen zum Ausführen über den Funktionsnamen aufgerufen werden. Funktionen können in Variablen, Objekten und Arrays gespeichert und als Parameter an andere Funktionen übergeben werden.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, JavaScript-Version 1.8.5, Dell G3-Computer.

JS-Funktion (Funktion) ist eine Reihe von Codeblöcken, die bestimmte Aufgaben (mit bestimmten Funktionen) ausführen und wiederverwendet werden können; Funktionen werden nicht automatisch ausgeführt und müssen zum Ausführen über den Funktionsnamen aufgerufen werden.

Funktionen können auch in Variablen, Objekten und Arrays gespeichert werden, und Funktionen können auch als Parameter an andere Funktionen übergeben oder von anderen Funktionen zurückgegeben werden.

In JavaScript können wir neben der Verwendung integrierter Funktionen auch eigene Funktionen (benutzerdefinierte Funktionen) erstellen und diese Funktion dann bei Bedarf aufrufen. Dies vermeidet nicht nur das Schreiben von wiederholtem Code, sondern erleichtert auch die spätere Wartung des Codes .

JS-Funktionen definieren

Die JS-Funktionsdeklaration muss mit dem Funktionsschlüsselwort beginnen, gefolgt vom Namen der zu erstellenden Funktion. Verwenden Sie dort ein Leerzeichen, um das Funktionsschlüsselwort und den Funktionsnamen zu trennen ist eine Klammer (), in der die Klammer verwendet wird, um die in der Funktion zu verwendenden Parameter zu definieren (verwenden Sie Kommas, um mehrere Parameter zu trennen). Die letzte ist eine geschweifte Klammer {} werden verwendet, um den Funktionskörper der Funktion zu definieren (d. h. den Code zum Implementieren der Funktion), wie unten gezeigt:

function functionName(parameter_list) {
    // 函数中的代码
}

Der Beispielcode lautet wie folgt:

function sayHello(name){
    document.write("Hello " + name);
}

Im obigen Beispiel ist eine Funktion sayHello(). ist definiert. Die Funktion muss einen Parameternamen erhalten. Der Aufruf der Funktion gibt „Hallo…“ aus.

JS-Aufruffunktionen

Sobald eine Funktion definiert ist, können wir sie an einer beliebigen Stelle im aktuellen Dokument aufrufen. Das Aufrufen einer Funktion ist sehr einfach. Fügen Sie einfach eine Klammer nach dem Funktionsnamen ein, z. B. alarm(), write(). Beachten Sie, dass, wenn beim Definieren der Funktion Parameter in Klammern nach dem Funktionsnamen angegeben werden, beim Aufruf der Funktion die entsprechenden Parameter in Klammern angegeben werden müssen.

Der Beispielcode lautet wie folgt:

function sayHello(name){
    document.write("Hello " + name);
}
// 调用 sayHello() 函数
sayHello('PHP中文网');

Tipps: JavaScript unterscheidet zwischen Groß- und Kleinschreibung, daher muss das Funktionsschlüsselwort beim Definieren einer Funktion in Kleinbuchstaben geschrieben werden und die Funktion muss in der gleichen Groß-/Kleinschreibung aufgerufen werden, in der sie deklariert wurde.

Standardwerte von Parametern

Beim Definieren einer Funktion können Sie einen Standardwert für die Parameter der Funktion festlegen, sodass dieser Standardwert verwendet wird, wenn wir diese Funktion aufrufen und keine Parameter angegeben werden als Parameterwert. Wie im folgenden Beispiel gezeigt:

function sayHello(name = "World"){
    document.write("Hello " + name);
}
sayHello();                 // 输出：Hello World
sayHello('PHP中文网');     // 输出：Hello PHP中文网

JS-Funktionsrückgabewert

Sie können die Return-Anweisung in einer Funktion verwenden, um einen Wert (das Ergebnis der Funktion) an das Programm zurückzugeben, das die Funktion aufgerufen hat . Dieser Wert kann von beliebigem Typ sein, z. B. ein Array oder ein Objekt, eine Zeichenfolge usw. Für Funktionen, die einen Wert zurückgeben, können wir eine Variable verwenden, um den Rückgabewert der Funktion zu erhalten. Der Beispielcode lautet wie folgt:

function getSum(num1, num2){
    return num1 + num2;
}
var sum1 = getSum(7, 12);      // 函数返回值为：19
var sum2 = getSum(-5, 33);     // 函数返回值为：28

Tipp: Die Rückgabeanweisung wird normalerweise am Ende der Funktion definiert Wenn Sie die Return-Anweisung ausführen, wird die Ausführung sofort gestoppt und an die Stelle zurückgekehrt, an der die Funktion aufgerufen wurde, um die Ausführung fortzusetzen.

Außerdem kann eine Funktion nur einen Rückgabewert haben. Wenn Sie mehrere Werte zurückgeben möchten, können Sie die Werte in ein Array einfügen und dann das Array zurückgeben, wie im folgenden Beispiel gezeigt:

function division(dividend, divisor){
    var quotient = dividend / divisor;
    var arr = [dividend, divisor, quotient]
    return arr;
}
var res = division(100, 4)
document.write(res[0]);         // 输出：100
document.write(res[1]);         // 输出：4
document.write(res[2]);         // 输出：25

JS Funktionsausdruck Die Formel

Funktionsausdruck ist der Deklaration einer Variablen sehr ähnlich. Es handelt sich um eine andere Form der Deklaration einer Funktion. Das Syntaxformat lautet wie folgt:

var myfunction = function name(parameter_list){
    // 函数中的代码
};

Die Parameterbeschreibung lautet wie folgt:

• meineFunktion: Variable Name, der zum Aufrufen nach der Gleichheitszeichenfunktion verwendet werden kann;

• Name: Funktionsname, der weggelassen werden kann (normalerweise lassen wir ihn weg), wenn er weggelassen wird, wird die Funktion zu einer anonymen Funktion

• Parameterliste: ist die Parameterliste, eine Funktion. Es können bis zu 255 Parameter vorhanden sein.

Der Beispielcode lautet wie folgt:

// 函数声明
function getSum(num1, num2) {
    var total = num1 + num2;
    return total;
}
// 函数表达式
var getSum = function(num1, num2) {
    var total = num1 + num2;
    return total;
};

Die beiden Funktionen im obigen Beispiel sind gleichwertig.

Hinweis: In Funktionsdeklarationen ist es nicht erforderlich, nach der rechten geschweiften Klammer ein Semikolon zu platzieren. Wenn Sie jedoch einen Funktionsausdruck verwenden, sollten Sie diesen mit einem Semikolon am Ende des Ausdrucks abschließen.

Obwohl Funktionsdeklarationen und Funktionsausdrücke sehr ähnlich aussehen, ist die Art und Weise, wie sie funktionieren, unterschiedlich, wie im folgenden Beispiel gezeigt:

declaration();          // 输出: function declaration
function declaration() {
    document.write("function declaration");
}
expression();           // 报错：Uncaught TypeError: undefined is not a function
var expression = function() {
    document.write("function expression");
};

Wie im obigen Beispiel gezeigt, wird der Funktionsausdruck aufgerufen, bevor er definiert wird löst eine Ausnahme (Fehler) aus, aber die Funktionsdeklaration kann erfolgreich ausgeführt werden. Dies liegt daran, dass JavaScript die Funktionsdeklaration analysiert, bevor das Programm ausgeführt wird, sodass es möglich ist, die Funktion vor oder nach der Funktionsdeklaration aufzurufen. Ein Funktionsausdruck weist einer Variablen eine anonyme Funktion zu. Bevor das Programm den Ausdruck ausführt, ist er also gleichbedeutend damit, dass die Funktion nicht definiert ist und daher nicht aufgerufen werden kann.

【Empfohlenes Lernen: Javascript-Tutorial für Fortgeschrittene】

Das obige ist der detaillierte Inhalt vonWas ist eine Javascript-Funktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!