Zuweisen einer Funktion zu einer Variablen in JavaScript
- Beispiel für das Zuweisen einer Funktion zu einer Variablen mit JavaScript in HTML
-
Untersuchen Sie den gegebenen
HTML
-Code - Alternative Methode zum Zuweisen einer Funktion zu einer Variablen in JavaScript
![Zuweisen einer Funktion zu einer Variablen in JavaScript](/img/JavaScript/feature-image---assign-function-to-variable-in-javascript.webp)
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
- Die Bedeutung von => in JavaScript
- Exportieren Sie alle Funktionen aus einer Datei in JavaScript
- JavaScript Get-Funktionsname
- JavaScript-Funktion apply() und bind() Methoden
- JavaScript-it()-Funktion
- JavaScript-Rückgabe undefiniert