JavaScript-Funktion
Beispiel
Deklarieren Sie eine Funktion, die "Hello World" ausgibt, wenn sie aufgerufen wird:
// Declare a function
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World!";
}
// Call the function
myFunction();
Weitere Beispiele unten.
Definition und Verwendung
Die function
Anweisung deklariert eine Funktion.
Eine deklarierte Funktion wird "zur späteren Verwendung gespeichert" und wird später ausgeführt, wenn sie aufgerufen (aufgerufen) wird.
In JavaScript sind Funktionen Objekte und haben sowohl Eigenschaften als auch Methoden.
Eine Funktion kann auch mit einem Ausdruck definiert werden (siehe Funktionsdefinitionen ).
Lesen Sie unser JavaScript-Tutorial, um alles zu lernen, was Sie über Funktionen wissen müssen. Beginnen Sie mit dem Einführungskapitel über JavaScript-Funktionen und den Gültigkeitsbereich von JavaScript . Ausführlichere Informationen finden Sie in unserem Funktionsabschnitt zu Funktionsdefinitionen , Parametern , Aufrufen und Closures .
Siehe auch:
Syntax
function functionName(parameters) {
code to be executed
}
Parameter
Parameter | Description |
functionName | Required. The name of the function. Naming rules: same as JavaScript variables. |
parameters | Optional. A set of arguments (parameter names), separated by commas. The arguments are real values received by the function from the outside. Inside the function, the arguments are used as local variables. If a function is called with a missing argument, the value of the missing argument is set to undefined . |
Mehr Beispiele
Geben Sie den Wert von PI zurück:
function myFunction() {
return Math.PI;
}
Geben Sie das Produkt von a und b zurück:
function myFunction(a, b) {
return a * b;
}
Eine Funktion mit unterschiedlichen Argumenten kann zu unterschiedlichen Ergebnissen führen.
Fahrenheit in Celsius umrechnen:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
Funktionen können als Variablen verwendet werden.
Anstatt:
temp = toCelsius(32);
text = "The temperature is " + temp + " Centigrade";
Sie können Folgendes verwenden:
text = "The temperature is " + toCelsius(32) + " Centigrade";
JavaScript-Funktionen haben ein eingebautes Objekt namens arguments.
Die Eigenschaft arguments.length gibt die Anzahl der von der Funktion empfangenen Argumente zurück:
function myFunction(a, b) {
return arguments.length;
}
Klicken Sie hier, um eine Funktion aufzurufen, die "Hello World" ausgibt:
<button onclick="myFunction()">Click me</button>
<p id="demo"></p>
<script>
function myFunction() {
document.getElementById("demo").innerHTML = "Hello World";
}
</script>
Wenn ein Funktionsausdruck in einer Variablen gespeichert wird, enthält die Variable eine Funktion:
const x = function (a, b) {return a * b};
Wenn eine Funktion in einer Variablen gespeichert ist, kann die Variable als Funktion verwendet werden:
const x = function (a, b) {return a * b};
let z = x(4, 3);
Verwandte Seiten
JavaScript-Tutorial: JavaScript-Funktionen
JavaScript-Tutorial: JavaScript-Bereich
JavaScript-Tutorial: JavaScript-Funktionsdefinitionen
JavaScript-Tutorial: JavaScript-Funktionsparameter
JavaScript-Tutorial: JavaScript-Funktionsaufruf
JavaScript-Tutorial: Schließen von JavaScript-Funktionen
JavaScript-Referenz: JavaScript-Rückgabeanweisung
Browser-Unterstützung
function
ist eine ECMAScript1 (ES1)-Funktion.
ES1 (JavaScript 1997) wird in allen Browsern vollständig unterstützt:
Chrome | IE | Edge | Firefox | Safari | Opera |
Yes | Yes | Yes | Yes | Yes | Yes |