Eine JavaScript-Funktion ist ein Block von Code entwickelt, um eine bestimmte Aufgabe zu erfüllen.
Eine JavaScript-Funktion wird ausgeführt, wenn "etwas" ruft er (es nennt).
Beispiel
function myFunction(p1, p2) {
return p1 * p2;
// The function returns the product of p1 and p2
}
Versuch es selber " JavaScript Funktion Syntax
Eine JavaScript - Funktion wird mit der definierten function Schlüsselwort, gefolgt von einem Namen, gefolgt von Klammern () .
Funktionsnamen können Buchstaben, Ziffern, Unterstrichen enthalten, und Dollarzeichen (gleichen Regeln wie Variablen).
Die Klammern können Parameternamen durch Kommas getrennt sind:
(Parameter1, Parameter2, ...)
Der Code ausgeführt werden soll, durch die Funktion wird in geschweiften Klammern gesetzt: {}
function
name ( parameter1, parameter2, parameter3 ) {
code to be executed
}
Funktionsparameter sind die Namen in der Funktionsdefinition aufgelistet.
Funktionsargumente sind die wahren Werte durch die Funktion erhalten , wenn sie aufgerufen wird.
Innerhalb der Funktion verhalten sich die Argumente als lokale Variablen.
Eine Funktion ist sehr ähnlich wie eine Prozedur oder ein Unterprogramm, in anderen Programmiersprachen.
Funktion Invocation
Der Code innerhalb der Funktion wird ausgeführt , wenn "etwas" aufruft (Anrufe) die Funktion:
- Wenn ein Ereignis eintritt (wenn ein Benutzer auf eine Schaltfläche klickt)
- Wenn es aufgerufen wird (genannt) von JavaScript-Code
- Automatisch (self aufgerufen)
Sie werden später in diesem Tutorial viel mehr über Funktionsaufruf erfahren.
Funktion Zurück
Wenn JavaScript eine return - Anweisung erreicht, wird die Funktion der Ausführung stoppen.
Wenn die Funktion aus einer Anweisung aufgerufen wurde, wird JavaScript "zurückkehren", um den Code nach der auslösenden Anweisung ausführen.
Funktionen berechnen oft einen Rückgabewert. Der Rückgabewert wird "zurückgegeben" zurück zu den "Anrufer":
Beispiel
Berechnen Sie das Produkt von zwei Zahlen, und geben das Ergebnis:
var x = myFunction(4, 3);
// Function is called, return value will end up in x
function myFunction(a, b) {
return a * b;
// Function returns the product of a and b
}
Das Ergebnis in x sind:
12
Versuch es selber " Warum Funktionen?
Sie können Code wiederverwenden: Definieren Sie den Code einmal, und es oft verwenden.
Sie können die gleichen Code viele Male mit verschiedenen Argumenten verwenden, zu unterschiedlichen Ergebnissen führen.
Beispiel
Konvertieren von Fahrenheit in Celsius:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius(77); Versuch es selber " Die () Operator ruft die Funktion
Mit dem obigen Beispiel toCelsius bezieht sich auf die Funktionsobjekt und toCelsius() bezieht sich auf die Funktion Ergebnis.
Beispiel
eine Funktion ohne () Zugriff auf die Funktionsdefinition zurück:
function toCelsius(fahrenheit) {
return (5/9) * (fahrenheit-32);
}
document.getElementById("demo").innerHTML = toCelsius; Versuch es selber " Funktionen wie verwendete Variablen
In JavaScript können Sie Funktionen auf die gleiche Weise verwenden, wie Sie Variablen verwenden.
Beispiel
Sie können:
var
text = "The temperature is " + toCelsius(77) + " Celsius";
Anstatt von:
var x = toCelsius(32);
var text = "The temperature is " + x + " Celsius";
Versuch es selber " Sie werden viel mehr über Funktionen später in diesem Tutorial lernen.
Testen Sie sich mit Übungen!
Übung 1 » Übung 2» Übung 3 » Übung 4» Übung 5 »