Heim Web-Frontend js-Tutorial So verwenden Sie JavaScript-Funktionen

So verwenden Sie JavaScript-Funktionen

Dec 17, 2018 pm 01:52 PM
javascript函数

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>
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“


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


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>
Nach dem Login kopieren

Der Laufeffekt bleibt unverändert


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

Erklärung dieser Website
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

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Beste grafische Einstellungen
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. So reparieren Sie Audio, wenn Sie niemanden hören können
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Chat -Befehle und wie man sie benutzt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Asynchrone Programmierung von JavaScript-Funktionen: Wichtige Tipps für die Bewältigung komplexer Aufgaben Asynchrone Programmierung von JavaScript-Funktionen: Wichtige Tipps für die Bewältigung komplexer Aufgaben Nov 18, 2023 am 10:06 AM

Asynchrone Programmierung mit JavaScript-Funktionen: Grundlegende Fähigkeiten zur Bewältigung komplexer Aufgaben Einführung: In der modernen Frontend-Entwicklung ist die Bewältigung komplexer Aufgaben zu einem unverzichtbaren Bestandteil geworden. Asynchrone Programmierkenntnisse in JavaScript-Funktionen sind der Schlüssel zur Lösung dieser komplexen Aufgaben. In diesem Artikel werden die grundlegenden Konzepte und gängigen praktischen Methoden der asynchronen Programmierung von JavaScript-Funktionen vorgestellt und spezifische Codebeispiele bereitgestellt, um den Lesern zu helfen, diese Techniken besser zu verstehen und zu verwenden. 1. Grundkonzepte der asynchronen Programmierung Bei der traditionellen synchronen Programmierung ist der Code

Verwenden Sie JavaScript-Funktionen, um die Navigation und Weiterleitung von Webseiten zu implementieren Verwenden Sie JavaScript-Funktionen, um die Navigation und Weiterleitung von Webseiten zu implementieren Nov 04, 2023 am 09:46 AM

In modernen Webanwendungen ist die Implementierung der Webseitennavigation und -weiterleitung ein sehr wichtiger Teil. Die Verwendung von JavaScript-Funktionen zur Implementierung dieser Funktion kann unsere Webanwendungen flexibler, skalierbarer und benutzerfreundlicher machen. In diesem Artikel wird die Verwendung von JavaScript-Funktionen zum Implementieren der Webseitennavigation und -weiterleitung vorgestellt und spezifische Codebeispiele bereitgestellt. Implementieren der Webseitennavigation Bei einer Webanwendung ist die Webseitennavigation der von Benutzern am häufigsten verwendete Teil. Wenn ein Benutzer auf die Seite klickt

Echtzeitaktualisierungen von Datenvisualisierungen mithilfe von JavaScript-Funktionen Echtzeitaktualisierungen von Datenvisualisierungen mithilfe von JavaScript-Funktionen Nov 04, 2023 pm 03:30 PM

Echtzeitaktualisierungen der Datenvisualisierung mithilfe von JavaScript-Funktionen Mit der Entwicklung der Datenwissenschaft und der künstlichen Intelligenz ist die Datenvisualisierung zu einem wichtigen Werkzeug zur Datenanalyse und -anzeige geworden. Durch die Visualisierung von Daten können wir die Beziehungen und Trends zwischen Daten intuitiver verstehen. In der Webentwicklung ist JavaScript eine häufig verwendete Skriptsprache mit leistungsstarken Datenverarbeitungs- und dynamischen Interaktionsfunktionen. In diesem Artikel wird erläutert, wie mithilfe von JavaScript-Funktionen Echtzeitaktualisierungen der Datenvisualisierung erreicht werden, und die Besonderheiten werden erläutert

Verwenden Sie JavaScript-Funktionen, um Bildkarussells und Diashow-Effekte zu implementieren Verwenden Sie JavaScript-Funktionen, um Bildkarussells und Diashow-Effekte zu implementieren Nov 04, 2023 am 08:59 AM

JavaScript ist eine Skriptsprache, mit der interaktive Effekte zu Webseiten hinzugefügt werden können. Darunter sind Bildkarussell- und Diashow-Effekte gängige Animationseffekte für Webseiten. In diesem Artikel wird erläutert, wie Sie mit JavaScript-Funktionen diese beiden Effekte erzielen, und es werden spezifische Codebeispiele bereitgestellt. Bildkarussell Bildkarussell ist ein Effekt, der mehrere Bilder nacheinander auf eine bestimmte Weise abspielt. Bei der Implementierung von Bildkarussells müssen JavaScript-Timer und CSS-Stilsteuerelemente verwendet werden. (1) Vorbereitungsarbeit: Zuerst in der HTML-Datei

Verwenden Sie JavaScript-Funktionen, um die Benutzeranmeldung und Berechtigungsüberprüfung zu implementieren Verwenden Sie JavaScript-Funktionen, um die Benutzeranmeldung und Berechtigungsüberprüfung zu implementieren Nov 04, 2023 am 10:10 AM

Verwendung von JavaScript-Funktionen zur Implementierung der Benutzeranmeldung und Berechtigungsüberprüfung Mit der Entwicklung des Internets sind Benutzeranmeldung und Berechtigungsüberprüfung zu wesentlichen Funktionen für viele Websites und Anwendungen geworden. Um die Datensicherheit und Zugriffsrechte der Benutzer zu schützen, müssen wir einige Technologien und Methoden verwenden, um die Identität des Benutzers zu überprüfen und seine Zugriffsrechte einzuschränken. Als weit verbreitete Skriptsprache spielt JavaScript eine wichtige Rolle in der Frontend-Entwicklung. Wir können JavaScript-Funktionen verwenden, um Benutzeranmeldungs- und Berechtigungsüberprüfungsfunktionen zu implementieren

Verwenden Sie JavaScript-Funktionen, um Benutzerinteraktion und dynamische Effekte zu erzielen Verwenden Sie JavaScript-Funktionen, um Benutzerinteraktion und dynamische Effekte zu erzielen Nov 03, 2023 pm 07:02 PM

Verwendung von JavaScript-Funktionen zur Erzielung von Benutzerinteraktionen und dynamischen Effekten Mit der Entwicklung des modernen Webdesigns sind Benutzerinteraktion und dynamische Effekte zum Schlüssel für die Erregung der Benutzeraufmerksamkeit geworden. Als häufig verwendete Skriptsprache verfügt JavaScript über leistungsstarke Funktionen und flexible Features und kann eine Vielzahl von Benutzerinteraktionen und dynamischen Effekten erzielen. In diesem Artikel werden einige gängige JavaScript-Funktionen vorgestellt und spezifische Codebeispiele gegeben. Das Ändern des Elementstils (Style) kann einfach über JavaScript-Funktionen geändert werden

Verwenden Sie JavaScript-Funktionen zum Hoch- und Herunterladen von Dateien Verwenden Sie JavaScript-Funktionen zum Hoch- und Herunterladen von Dateien Nov 04, 2023 am 08:30 AM

Verwenden von JavaScript-Funktionen zum Implementieren des Hochladens und Herunterladens von Dateien Mit der Entwicklung und Popularisierung des Internets sind das Hochladen und Herunterladen von Dateien zu einer der häufigsten Funktionen in Webanwendungen geworden. In diesem Artikel wird die Verwendung von JavaScript-Funktionen zum Implementieren von Datei-Upload- und Download-Funktionen vorgestellt und spezifische Codebeispiele bereitgestellt. Datei-Upload Unter Datei-Upload versteht man das Hochladen lokaler Dateien auf den Server über eine Webseite. Für die Auswahl und das Hochladen von Dateien wird FileAPI in HTML5 bereitgestellt. Wir können Fi in FileAPI nutzen

Verwenden Sie JavaScript-Funktionen, um Datenvisualisierungen dynamisch zu aktualisieren Verwenden Sie JavaScript-Funktionen, um Datenvisualisierungen dynamisch zu aktualisieren Nov 03, 2023 pm 04:56 PM

Dynamisch aktualisierte Datenvisualisierung mithilfe von JavaScript-Funktionen. Die Datenvisualisierung ist ein sehr wichtiger Bestandteil des Big-Data-Zeitalters. Sie kann Daten auf intuitive Weise anzeigen und den Menschen helfen, die Daten besser zu verstehen und zu analysieren. Als clientseitige Skriptsprache kann JavaScript durch Funktionen dynamische Aktualisierungen der Datenvisualisierung erreichen. In diesem Artikel wird erläutert, wie Sie mithilfe von JavaScript-Funktionen diese Funktionalität erreichen, und es werden spezifische Codebeispiele bereitgestellt. 1. Grundlagen der Datenvisualisierung, bevor Sie mit dem Schreiben von Code beginnen

See all articles