Heim > Artikel > Web-Frontend > So verwenden Sie JavaScript-Funktionen
So verwenden Sie JavaScript-Funktionen
- 不言Original
- 2018-12-17 13:52:062622Durchsuche
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>
Parameter und Rückgabewerte
<script>
function 函数名（参数1，参数2，...）{
处理的代码
return 返回值;
}
</ script> 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>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>Wenn der Wert des variablen Geldes auf 10000 eingegeben wird, ist das Ausgabeergebnis „reicher Mann“
Sehen wir uns
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("贫穷");
}
}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>Das laufende Ergebnis lautet wie folgt
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>Der Laufeffekt bleibt unverändert
Schließlich werfen wir einen kurzen Blick auf
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!