Asignar una función a una variable en JavaScript
- Ejemplo de asignación de una función a una variable usando JavaScript en HTML
-
Examinar el código
HTML
dado - Forma alternativa de asignar una función a una variable en JavaScript
![Asignar una función a una variable en JavaScript](/img/JavaScript/feature-image---assign-function-to-variable-in-javascript.webp)
Este artículo explica cómo asignamos una función declarada a cualquier variable y verificamos si la función contiene parámetros o no. La función asociada con la variable puede devolver cualquier valor y almacenar ese valor en una variable; también podemos llamar a la función usando su variable asignada tantas veces como queramos.
var variable_name = function functionName() {};
Ejemplo de asignación de una función a una variable usando JavaScript en HTML
Asignaremos una función a una variable checkValue
que identificará si el valor dado por el usuario es par o impar. La función se activará siempre que el usuario introduzca un valor en la entrada y presione el botón submit
; se debe llamar a esa función y mostrar un cuadro de alerta que debería decir el valor es par
o el valor es impar
.
<!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>
En la fuente de la página HTML
anterior, puede ver un tipo de formulario de entrada simple de número para obtener el valor entero del usuario, y hay un botón submit
para enviar el valor y continuar con la funcionalidad.
Aquí, puede ver las etiquetas <script>
, que son necesarias para usar declaraciones JavaScript
en doctype HTML. Hemos asignado una función a nuestra variable declarada checkValue
en esas etiquetas.
La función contiene un valor dado por el usuario en la variable givenValue
. En el siguiente paso, usamos una declaración condicional con el operador de módulo (%
) para verificar si el resto del valor dado es igual a 2
o no.
En el siguiente paso, la function()
simplemente muestra un cuadro de alerta al usuario que contiene given value is even
o given value is odd
según las condiciones.
Examinar el código HTML
dado
Siga todos los pasos a continuación para tener una comprensión clara del código:
var variable_name = function functionName() {};
-
Crea un documento de texto usando un bloc de notas o cualquier otra herramienta de edición de texto.
-
Pega el código dado en el archivo de texto creado.
-
Guarda ese archivo de texto con la extensión
.html
y ábrelo con cualquier navegador predeterminado. -
Puedes ver el formulario de entrada para insertar valor y el botón
submit
; usando ese botón, puede verificar su valor.
Forma alternativa de asignar una función a una variable en JavaScript
También se obtendrán los mismos resultados, como se muestra a continuación. Asigne una función a una variable con un parámetro para pasar un valor, verificar el valor y devolver la declaración de forma condicional.
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))
Producción :
2
En los ejemplos anteriores, checkEvenOdd
asignado con una función en la que tenemos que pasar un valor entero como una función de parámetro verificará ese valor con una condición if
dada y devuelve una cadena. En el siguiente paso, se llama a la función checkEvenOdd
en console.log()
para mostrar el resultado.
Artículo relacionado - JavaScript Function
- Diferencia entre JavaScript en línea y funciones predefinidas
- El significado de => en JavaScript
- Exportar todas las funciones desde un archivo en JavaScript
- Función autoejecutable en JavaScript
- Función JavaScript it()
- Métodos de JavaScript Function apply() y bind()