Zuweisen einer Funktion zu einer Variablen in JavaScript

  2. How-To's
  3. JavaScript-Anleitungen
  4. Zuweisen einer Funktion zu einer …
Muhammad Muzammil Hussain 12 Oktober 2023
JavaScript JavaScript Function JavaScript Variable
  1. Beispiel für das Zuweisen einer Funktion zu einer Variablen mit JavaScript in HTML
  2. Untersuchen Sie den gegebenen HTML-Code
  3. Alternative Methode zum Zuweisen einer Funktion zu einer Variablen in JavaScript
Zuweisen einer Funktion zu einer Variablen in JavaScript

Dieser Artikel erklärt, wie wir einer Variablen eine deklarierte Funktion zuweisen und prüfen, ob die Funktion Parameter enthält oder nicht. Die mit der Variablen verknüpfte Funktion kann einen beliebigen Wert zurückgeben und diesen Wert in einer Variablen speichern; Wir können die Funktion auch mit der zugewiesenen Variablen beliebig oft aufrufen.

var variable_name = function functionName() {};

Beispiel für das Zuweisen einer Funktion zu einer Variablen mit JavaScript in HTML

Wir weisen einer Variablen checkValue eine Funktion zu, die erkennt, ob der vom Benutzer angegebene Wert gerade oder ungerade ist. Die Funktion wird immer dann ausgelöst, wenn der Benutzer einen Wert in die Eingabe eingibt und die Schaltfläche submit drückt; Diese Funktion muss aufgerufen werden und eine Warnbox anzeigen, die value is even oder value is odd anzeigen sollte.

<!DOCTYPE html>
<html>
 
<head>
    <title>
        HTML | Assign Function to Variable Example
    </title>
 
    <script type="text/javascript">
    </script>
 
</head>
 
<body>
 
    <h2>Hi Users Check your choosen value is a even or odd.</h2>
   <form id="form" onsubmit="return false;">
    <input type="text" id="userInput" maxlength="1" placeholder="Enter any number" />
    <input  type="submit" onclick="checkValue();" />
</form>

<script>
    // function to check value is even or odd
var checkValue = function() {
    var givenValue = document.getElementById("userInput").value;
if(givenValue % 2 == 0){
  alert(givenValue+" is even")
}
else {
   alert(givenValue+" is odd")
}

}
</script>
 
</body>
<html>

In der obigen HTML-Seitenquelle sehen Sie ein einfaches Eingabeformular mit einer Zahl, um den ganzzahligen Wert vom Benutzer zu erhalten, und es gibt eine Schaltfläche Senden, um den Wert zu senden und mit der Funktionalität fortzufahren.

Hier sehen Sie die <script>-Tags, die notwendig sind, um JavaScript-Anweisungen in doctype HTML zu verwenden. Wir haben unserer deklarierten Variable checkValue in diesen Tags eine Funktion zugewiesen.

Die Funktion enthält einen vom Benutzer vorgegebenen Wert in der Variablen givenValue. Im nächsten Schritt haben wir eine bedingte Anweisung mit dem Modul-Operator (%) verwendet, um zu überprüfen, ob der Rest des gegebenen Wertes gleich 2 ist oder nicht.

Im nächsten Schritt zeigt die function() dem Benutzer einfach eine Alertbox an, die je nach Bedingungen given value is even oder given value is odd enthält.

Untersuchen Sie den gegebenen HTML-Code

Befolgen Sie alle folgenden Schritte, um den Code klar zu verstehen:

var variable_name = function functionName() {};
  • Erstellen Sie ein Textdokument mit einem Notizblock oder einem anderen Textbearbeitungswerkzeug.
  • Fügen Sie den angegebenen Code in die erstellte Textdatei ein.
  • Speichern Sie diese Textdatei mit der Erweiterung .html und öffnen Sie sie mit einem beliebigen Standardbrowser.
  • Sie sehen das Eingabeformular zum Einfügen von Werten und die Schaltfläche submit; Mit dieser Schaltfläche können Sie Ihren Wert überprüfen.

Alternative Methode zum Zuweisen einer Funktion zu einer Variablen in JavaScript

Die gleichen Ergebnisse werden auch erzielt, wie unten gezeigt. Weisen Sie einer Variablen mit einem Parameter eine Funktion zu, um einen Wert zu übergeben, den Wert zu überprüfen und die Anweisung bedingt zurückzugeben.

var checkEvenOdd =
    function(value) {
  // will check passed value
  if (value % 2 == 0) {
    return value + ' is even'
  } else {
    return value + ' is odd'
  }
}

    console.log(checkEvenOdd(2))

Ausgabe:

2

In den obigen Beispielen überprüft checkEvenOdd, das einer Funktion zugewiesen ist, in der wir einen Integer-Wert als Parameter übergeben müssen, diesen Wert mit einer gegebenen if-Bedingung und gibt einen String zurück. Im nächsten Schritt wird die Funktion checkEvenOdd() in console.log() aufgerufen, um das Ergebnis anzuzeigen.

Verwandter Artikel - JavaScript Function

Verwandter Artikel - JavaScript Variable