Asignar una función a una variable en JavaScript

  2. HowTo
  3. JavaScript Howtos
  4. Asignar una función a una variable en …
Muhammad Muzammil Hussain 12 octubre 2023
JavaScript JavaScript Function JavaScript Variable
  1. Ejemplo de asignación de una función a una variable usando JavaScript en HTML
  2. Examinar el código HTML dado
  3. Forma alternativa de asignar una función a una variable en JavaScript
Asignar una función a una variable en JavaScript

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

Artículo relacionado - JavaScript Variable