Funciones de JavaScript y expresiones de función (con ejemplos)

En este tutorial, aprenderá sobre la función de JavaScript y las expresiones de función con la ayuda de ejemplos.

Función JavaScript

Una función es un bloque de código que realiza una tarea específica.

Suponga que necesita crear un programa para crear un círculo y colorearlo. Puede crear dos funciones para resolver este problema:

• una función para dibujar el círculo
• una función para colorear el círculo

Dividir un problema complejo en partes más pequeñas hace que su programa sea fácil de entender y reutilizable.

JavaScript también tiene una gran cantidad de funciones incorporadas. Por ejemplo, Math.sqrt()es una función para calcular la raíz cuadrada de un número.

En este tutorial, aprenderá sobre las funciones definidas por el usuario.

Declarar una función

La sintaxis para declarar una función es:

 function nameOfFunction () ( // function body )

• Una función se declara mediante la functionpalabra clave.
• Las reglas básicas para nombrar una función son similares a nombrar una variable. Es mejor escribir un nombre descriptivo para su función. Por ejemplo, si se usa una función para sumar dos números, puede nombrar la función addo addNumbers.
• El cuerpo de la función está escrito dentro ().

Por ejemplo,

 // declaring a function named greet() function greet() ( console.log("Hello there"); )

Llamar a una función

En el programa anterior, hemos declarado una función llamada greet(). Para usar esa función, necesitamos llamarla.

Así es como puede llamar a la greet()función anterior .

 // function call greet();

Trabajo de una función en JavaScript

Ejemplo 1: mostrar un texto

 // program to print a text // declaring a function function greet() ( console.log("Hello there!"); ) // calling the function greet();

Salida

 ¡Hola a todos!

Parámetros de función

Una función también se puede declarar con parámetros. Un parámetro es un valor que se pasa al declarar una función.

Funcionamiento de la función JavaScript con parámetro

Ejemplo 2: función con parámetros

 // program to print the text // declaring a function function greet(name) ( console.log("Hello " + name + ":)"); ) // variable name can be different let name = prompt("Enter a name: "); // calling function greet(name);

Salida

 Introduzca un nombre: Simon Hola Simon :)

En el programa anterior, la greetfunción se declara con un nameparámetro. Se solicita al usuario que introduzca un nombre. Luego, cuando se llama a la función, se pasa un argumento a la función.

Nota : Cuando se pasa un valor al declarar una función, se llama parámetro . Y cuando se llama a la función, el valor pasado se llama argumento .

Ejemplo 3: sumar dos números

 // program to add two numbers using a function // declaring a function function add(a, b) ( console.log(a + b); ) // calling functions add(3,4); add(2,9);

Salida

 7 11

En el programa anterior, la addfunción se usa para encontrar la suma de dos números.

• La función se declara con dos parámetros ay b.
• La función se llama usando su nombre y pasando dos argumentos 3 y 4 en uno y 2 y 9 en otro.

Observe que puede llamar a una función tantas veces como desee. Puede escribir una función y luego llamarla varias veces con diferentes argumentos.

Retorno de función

La returndeclaración se puede utilizar para devolver el valor a una llamada de función.

La returndeclaración denota que la función ha terminado. Cualquier código posterior returnno se ejecuta.

Si no se devuelve nada, la función devuelve un undefinedvalor.

Funcionamiento de la función JavaScript con declaración de retorno

Ejemplo 4: Suma de dos números

 // program to add two numbers // declaring a function function add(a, b) ( return a + b; ) // take input from the user let number1 = parseFloat(prompt("Enter first number: ")); let number2 = parseFloat(prompt("Enter second number: ")); // calling function let result = add(number1,number2); // display the result console.log("The sum is " + result);

Salida

 Ingrese el primer número: 3.4 Ingrese el segundo número: 4 La suma es 7.4

En el programa anterior, la función que usa la returninstrucción devuelve la suma de los números . Y ese valor se almacena en la variable de resultado.

Beneficios de usar una función

• La función hace que el código sea reutilizable. Puede declararlo una vez y usarlo varias veces.
• La función facilita el programa ya que cada pequeña tarea se divide en una función.
• La función aumenta la legibilidad.

Expresiones de funciones

En Javascript, las funciones también se pueden definir como expresiones. Por ejemplo,

 // program to find the square of a number // function is declared inside the variable let x = function (num) ( return num * num ); console.log(x(4)); // can be used as variable value for other variables let y = x(3); console.log(y);

Salida

 16 9

En el programa anterior, la variable x se usa para almacenar la función. Aquí la función se trata como una expresión. Y la función se llama usando el nombre de la variable.

La función anterior se denomina función anónima.

Nota: En ES2015, las expresiones de JavaScript se escriben como funciones de flecha. Aprenderá sobre ellos en tutoriales posteriores.