JavaScript function-Anweisung

Definition und Verwendung

Die function-Anweisung erklärt eine Funktion.

Erklärte Funktionen werden 'gespeichert für später verwenden' und werden später bei einem Aufruf ausgeführt.

In JavaScript sind Funktionen Objekte, die sowohl Attribute als auch Methoden haben.

Funktionen können auch durch Ausdrücke definiert werden (siehe Funktionserklärung).

Lesen Sie unser JavaScript-Tutorial, um alle notwendigen Kenntnisse über Funktionen zu erlernen. Beginnen Sie mit den Kapiteln über JavaScript-Funktionen und JavaScript-Scopes. Für weitere Details lesen Sie unsere Tutorials über Funktionserklärung, Parameter, Aufruf und Closure.

Hinweis:Verwenden Sie den return-Ausdruck, um von der Funktion einen Wert zurückzugeben.

Beispiel

Erklärung einer Funktion und Ausgabe von "Hello World" im Element mit id="demo", wenn die Funktion aufgerufen wird:

function myFunction() { // Funktion erklären
  document.getElementById("demo").innerHTML = "Hello World!";
}
myFunction(); // Funktion aufrufen

Versuchen Sie es selbst

Unten auf der Seite gibt es mehr TIY-Beispiele.

Syntax

function functionName(parameters) {
  code to be executed
}

Parameterwert

Parameter Beschreibung
functionName Erforderlich. Der Name der Funktion wird festgelegt, kann 'gespeichert für später verwenden'. Der Funktionsname kann Buchstaben, Ziffern, Unterstriche und Dollar-Symbole enthalten (Regeln wie Variablen).
parameters

Optional. Eine Gruppe von null oder mehreren Parameternamen, durch Kommas getrennt, wird angegeben.

Funktion参数是函数定义中列出的名称。

Funktion参数是函数在调用时收到的实际值。在函数内部，参数用作局部变量。

Anmerkung:Wenn bei der Aufrufung einer Funktion Parameter fehlen, wird der Wert der fehlenden Parameter auf 'undefined' gesetzt.

Technische Details

JavaScript-Version: ECMAScript 1

Mehr Beispiele

Beispiel

Geben Sie den Wert von PI zurück:

function myFunction() {
  return Math.PI;
}

Versuchen Sie es selbst

Beispiel

Geben Sie das Produkt von a und b zurück:

function myFunction(a, b) {
  return a * b;
}

Versuchen Sie es selbst

Beispiel

Durch die Verwendung von Funktionen können Sie denselben Code mit verschiedenen Parametern mehrmals verwenden, um unterschiedliche Ergebnisse zu erzielen.

Um Fahrenheit in Centigrade umzuwandeln:

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

Versuchen Sie es selbst

Beispiel

Funktionen können als Variablen verwendet werden.

Anstatt:

temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Sie können verwenden:
text = "The temperature is " + toCelsius(32) + " Centigrade";

Versuchen Sie es selbst

Beispiel

JavaScript-Funktionen haben ein internes Objekt namens arguments.

Die properties arguments.length gibt die Anzahl der Parameter an, die bei der Aufrufung der Funktion übergeben wurden zurück:

function myFunction(a, b) {
  return arguments.length;
}

Versuchen Sie es selbst

Beispiel

Durch Klicken auf die Schaltfläche wird die Funktion aufgerufen, die "Hello World" im Element mit id="demo" ausgibt:

<button onclick="myFunction()">Klicken Sie mich</button>
<p id="demo"></p>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Hello World";
}
</script>

Versuchen Sie es selbst

Beispiel

JavaScript-Funktionen können auch mit Ausdrücken definiert werden.

Funktionsausdrücke können in Variablen gespeichert werden:

var x = function (a, b) {return a * b};

Versuchen Sie es selbst

Beispiel

Nachdem die Funktionsausdrücke in einer Variablen gespeichert werden, kann diese als Funktion verwendet werden:

var x = function (a, b) {return a * b};
var z = x(4, 3);

Versuchen Sie es selbst

Browser-Unterstützung

Anweisungen Chrome IE Firefox Safari Opera
function Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung

Verwandte Seiten

JavaScript-Tutorial:JavaScript-Funktion

JavaScript-Tutorial:JavaScript-Bereich

JavaScript-Tutorial:JavaScript-Funktiondefinition

JavaScript-Tutorial:JavaScript-Funktionparameter

JavaScript-Tutorial:JavaScript-Funktionaufruf

JavaScript-Tutorial:JavaScript-Funktionsschließung

JavaScript Referenzhandbuch:JavaScript return-Ausdruck