Heim > Artikel > Web-Frontend > So verwenden Sie JavaScript-Funktionen

So verwenden Sie JavaScript-Funktionen

不言Original: 2018-12-17 13:52:062681Durchsuche

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.

So verwenden Sie So verwenden Sie JavaScript-Funktionen-Funktionen

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

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>

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“

So verwenden Sie So verwenden Sie JavaScript-Funktionen-Funktionen

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("贫穷");
  }
}

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

So verwenden Sie JavaScript-Funktionen

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>

Der Laufeffekt bleibt unverändert

So verwenden Sie JavaScript-Funktionen 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!

JavaScript 局部变量字符串 var function

Stellungnahme：

Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Vorheriger Artikel：So verwenden Sie Methoden in JavaScriptNächster Artikel：So verwenden Sie Methoden in JavaScript

In Verbindung stehende Artikel

Mehr sehen