Die Funktion besteht darin, die gleiche Verarbeitung gemeinsam zu definieren und für die mehrfache Verwendung verfügbar zu machen. Der folgende Artikel stellt Ihnen die Verwendung von Funktionen in So verwenden Sie So verwenden Sie JavaScript-Funktionen-Funktionen vor.
Wenn viel Code vorhanden ist, müssen Sie manchmal viel von der gleichen Verarbeitung verwenden. Durch Kopieren und Einfügen können Sie jedoch Zeit sparen Der Code wird sehr lang, was für einige nachfolgende Vorgänge unpraktisch ist. Zu diesem Zeitpunkt können wir die gleiche Verarbeitung als Funktion definieren und diese Funktion dann aufrufen, sodass der Code sehr prägnant aussieht.
Darüber hinaus bietet die Funktion auch den Vorteil, dass nur eine Stelle geändert werden muss, wenn ein Teil des zu verarbeitenden Codes gemeinsame Änderungen erfordert.
Sehen wir uns die Definition einer Funktion in So verwenden Sie So verwenden Sie JavaScript-Funktionen-Funktionen an
Grundform
Das erste, was Sie beim Definieren einer Funktion benötigen, ist function . Schreiben Sie dann den Namen der Funktion und schreiben Sie die erforderliche Verarbeitung in {}. Der einfachste Weg, sie zu schreiben, ist wie folgt:
<script>
function 函数名( ) {
处理的代码
}
</script>Nach dem Login kopieren
Parameter und Rückgabewerte
Wenn Sie Parameter an eine Funktion übergeben möchten, setzen Sie den Parameternamen außerdem in Klammern. Sie können beliebig viele Parameter hinzufügen, getrennt durch ",". Selbst wenn dieselbe Verarbeitung durchgeführt wird, kann der Inhalt daher gemäß den übergebenen Parametern verarbeitet werden.
Wenn Sie außerdem das Verarbeitungsergebnis dieser aufrufenden Funktion erhalten möchten, verwenden Sie das Schlüsselwort return, und der Ergebnisrückgabewert der Verarbeitung in der Funktion wird übergeben.
<script>
function 函数名（参数1，参数2，...）{
处理的代码
return 返回值;
}
</ script>Nach dem Login kopieren
Schauen wir uns
ein konkretes Beispiel für die Verwendung funktionaler Programmierung an
Wir verwenden zunächst Variablen zum Schreiben und definieren die Variable entsprechend dem Wert des eingegebenen Geldes als Geld Wenn Sie document.write verwenden, werden drei Arten von Zeichenfolgen ausgegeben: „reiche Leute“, „normale Leute“ und „arme“.
Der Code lautet wie folgt
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>So verwenden Sie So verwenden Sie JavaScript-Funktionen-Funktionen</title>
</head>
<body>
<script>
var money;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>
</body>
</html>Nach dem Login kopieren
Basierend auf dem obigen Code ist das Ausführungsergebnis je nach eingegebenem Geldwert „reich“ oder „normale Leute“ oder „arm“. Wird die Funktion nicht verwendet, muss der gleiche Code geschrieben werden.
<script>
var money=10000;
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
</script>Nach dem Login kopieren
Wenn der Wert des variablen Geldes auf 10000 eingegeben wird, ist das Ausgabeergebnis „reicher Mann“
Wenn das variable Geld eingegeben wird bis 4000, das Ergebnis ist Für „normale Menschen“ bedeutet ein Geldeingangswert von 2000 „arm“.
Sie müssen also nur den Wert von var money ändern, nichts anderes muss geändert werden, aber der Code wird viel einfacher. Wenn Sie zu diesem Zeitpunkt eine Funktion definieren, wird der Code viel einfacher 🎜>
Sehen wir uns
spezifische Beispiele für die Verwendung von Funktionen an
Der Funktionsname lautet hier „richter“. Weil ich „reiche Leute“, „einfache Leute“ und „arme Leute“ anhand des Wertes der Eingabevariablen Geld beurteilen möchte.
Eigentlich kann man nicht sagen, welche Informationen an die Funktion übergeben werden, daher wird die Variable „money“ zum Definieren der Parameter verwendet. Diese Funktion ändert den Ausgabewert und die Zeichenfolge basierend auf dem in die Variable „Geld“ eingegebenen Wert.
function judge(money) {
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
}Nach dem Login kopieren
Auf diese Weise können Sie den Code, der bisher geschrieben und wiederholt wurde, löschen und durch eine Funktion namens Judge ersetzen.
Der Code lautet wie folgt
<script>
function judge(money) {
if (money > 5000) {
document.write("有钱人");
} else if (money > 3000){
document.write("普通人");
} else {
document.write("贫穷");
}
}
var money = 10000;
judge(money);
var money = 4000;
judge(money);
var money = 2000;
judge(money);
</script>Nach dem Login kopieren
Das laufende Ergebnis lautet wie folgt
Verwenden Sie den Rückgabewert für return
Sie können die Zeichenfolge des Beurteilungsergebnisses auch ohne Verwendung von document.write zurückgeben. . Verwenden Sie in diesem Fall den Rückgabewert return. Nachdem Sie die Beurteilungsergebniszeichenfolgen „reich“, „normal“ und „schlecht“ ersetzt haben, verwenden Sie schließlich „return“, um den Wert der Ergebnisvariablen zurückzugeben.
Der Code lautet wie folgt
<script>
function judge(money) {
var result;
if (money > 5000) {
result = "有钱人";
} else if (money > 3000){
result = "普通人";
} else {
result = "贫穷";
}
return result;
}
var money = 10000;
var result = judge(money);
document.write(result);
var money = 4000;
var result = judge(money);
document.write(result);
var money = 2000;
var result = judge(money);
document.write(result);
</script>Nach dem Login kopieren
Der Laufeffekt bleibt unverändert
Schließlich werfen wir einen kurzen Blick auf
Was ist eine lokale Variable?
Lokale Variablen beziehen sich auf Variablen, die in einer Funktion definiert sind und nur in dieser Funktion eine Rolle spielen.
Die Deklaration mit „Var-Variablenname“ unterscheidet sich nicht von gewöhnlichen Variablen, aber im Fall lokaler Variablen wird sie in der Funktion deklariert.
Das obige ist der detaillierte Inhalt vonSo verwenden Sie JavaScript-Funktionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
