Funktionen in JavaScript

JavaScript-Funktionen sind so gestaltet, dass sie spezifische Aufgaben ausführen.

JavaScript-Funktionen werden ausgeführt, wenn sie von einem bestimmten Code aufgerufen werden.

Beispiel

function myFunction(p1, p2) {
    return p1 * p2;              // Diese Funktion gibt das Produkt von p1 und p2 zurück

Probieren Sie es selbst aus

JavaScript-Funktionssyntax

JavaScript-Funktionen werden durch function wird durch Schlüsselwörter definiert, gefolgt vonFunktionsnameund Klammern ().

Der Funktionsname kann Buchstaben, Ziffern, Unterstriche und Dollarzeichen enthalten (Regeln wie Variablenname).

Klammern können durch Kommas getrennte Parameter enthalten:

(Parameter 1, Parameter 2, ...)

Der Code, der von der Funktion ausgeführt wird, wird in Klammern gesetzt:{}

function name(Parameter 1, Parameter 2, Parameter 3) {
    Der zu ausführende Code

Funktion参数（Function parameters）Ist der Name, der in der Funktiondefinition aufgeführt ist.

Funktion参数（Function arguments）Ist der wahre Wert, den die Funktion beim Aufruf der Funktion empfängtWert.

In der Funktion sind die Parameter lokale Variablen.

In anderen Programmiersprachen ist eine Funktion annähernd ein Programm (Verfahren) oder eine Unterroutine (Unterroutine).

Funktionsaufcall

Der Code in der Funktion wird ausgeführt, wenn die Funktion von anderen Code aufgerufen wird:

  • Wenn ein Ereignis eintritt (wenn der Benutzer auf die Schaltfläche klickt)
  • Wenn JavaScript-Code aufgerufen wird
  • Automatische (selbstaufrufende)

Sie werden in diesem Tutorial mehr über Funktionsaufrufe lernen.

Funktion zurück

Wenn JavaScript return Anweisung, die Funktion wird beendet.

Wenn eine Funktion von einer Anweisung aufgerufen wird, kehrt JavaScript nach der Anweisung "zurück" und führt den Code aus.

Funktionen berechnen normalerweiseRückgabewertDieser Rückgabewert wird dem Aufrufer zurückgegeben:

Beispiel

Berechnen Sie das Produkt von zwei Zahlen und geben Sie das Ergebnis zurück:

var x = myFunction(7, 8);        // Rufen Sie die Funktion auf und weisen Sie den Rückgabewert dem x zu
function myFunction(a, b) {
    return a * b;                // Die Funktion gibt das Produkt von a und b zurück

Das Ergebnis von x wird sein:

56

Probieren Sie es selbst aus

Warum Funktionen verwenden?

Sie können den Code wiederverwenden: Definieren Sie den Code nur einmal, um ihn mehrmals zu verwenden.

Sie können denselben Funktion mehrmals mit verschiedenen Parametern aufrufen, um unterschiedliche Ergebnisse zu erzielen.

Beispiel

Konvertieren Sie Fahrenheit in Celsius:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);

document.getElementById("demo").innerHTML = toCelsius(77);

Probieren Sie es selbst aus

() Operator ruft die Funktion auf

Verwenden Sie das obige Beispiel,toCelsius Bezug nimmt auf das Funktionsobjekt, während toCelsius() Bezug nimmt auf das Funktionsergebnis.

Beispiel

Der Zugriff auf Funktionen ohne () gibt die Funktionsdefinition zurück:

function toCelsius(fahrenheit) {
    return (5/9) * (fahrenheit-32);

document.getElementById("demo").innerHTML = toCelsius;

Probieren Sie es selbst aus

Funktionen als Variablenwert

Der Gebrauch von Funktionen ist wie bei Variablen, in allen Arten von Formeln, Zuweisungen und Berechnungen.

Beispiel

Verwenden Sie Variablen, um den Wert der Funktion zu speichern:

var x = toCelsius(77);
var text = "The temperature is " + x + " Celsius";

Sie können Funktionen wie Variablen direkt verwenden:

var text = "The temperature is " + toCelsius(77) + " Celsius";

Probieren Sie es selbst aus

Sie werden in diesem Tutorial mehr über Funktionen lernen.

lokale Variablen

Variablen, die in JavaScript-Funktionen deklariert werden, werden zulokale Variablen.

lokale Variablen können nur im Funktionsumfeld aufgerufen werden.

Beispiel

// Der Code hier kann carName nicht verwenden
function myFunction() {
    var carName = "Volvo";
    // Der Code hier kann carName verwenden

// Der Code hier kann carName nicht verwenden

Probieren Sie es selbst aus

Da lokale Variablen nur von ihrer Funktion erkannt werden, können in verschiedenen Funktionen Variablen mit demselben Namen verwendet werden.

Lokale Variablen werden zu Beginn der Funktion erstellt und werden beim Beenden der Funktion gelöscht.

Fachbücher

Für mehr Informationen darüber Funktionen in JavaScriptFür mehr Informationen darüber, lesen Sie bitte die entsprechenden Inhalte im JavaScript-Advanced-Tutorial:

Übersicht über ECMAScript-Funktionen
Dieser Abschnitt erläutert das Konzept der Funktion, wie ECMAScript Funktionen deklariert und aufgerufen werden, und wie Funktionen Werte zurückgeben.
ECMAScript-arguments-Objekt
Dieser Abschnitt stellt das Objekt vor und erläutert, wie Sie die length-Eigenschaft verwenden, um die Anzahl der Parameter einer Funktion zu bestimmen, sowie wie Sie Funktionsüberladung simulieren.
ECMAScript Function-Objekt (Klasse)
Dieser Abschnitt erläutert, wie Sie Funktionen mit der Function-Klasse erstellen, und stellt dann die Eigenschaften und Methoden des Function-Objekts vor.
ECMAScript-Closure (closure)
Dieser Abschnitt erläutert das Konzept von Closure und zeigt Ihnen zwei einfache und etwas komplexere Beispiele.