logo

Tutorial de funciones de JavaScript, con ejemplos

Funciones son bits de código reutilizables que están encapsulados para que pueda llamarlos fácilmente por su nombre cuando los necesite. Así es como funcionan en JavaScript, con ejemplos.

¿Qué son las funciones?

Al programar, deberá realizar el mismo conjunto de acciones varias veces en diferentes datos. Por ejemplo, es posible que deba realizar un cálculo en todas las filas de una tabla o actualizar los valores en una lista de objetos.

No es prudente ni práctico volver a escribir el mismo código repetidamente en toda la aplicación. Las funciones son una sección de código a la que se le asigna un nombre y puede aceptar y devolver datos, lo que permite reutilizarlos llamándolos por su nombre y pasándoles datos, y luego leyendo el resultado.

Declaración de funciones en JavaScript

Las funciones de JavaScript se definen usando la siguiente sintaxis:

function NAME(PARAMETER){
    return VALUE;
}

Tenga en cuenta que:

  • NOMBRE es el nombre que desea dar a la función
    • Debe ser único, no compartido con ninguna otra función o variable
    • Debe ser alfanumérico y contener solo letras, números y guiones bajos
  • PARÁMETRO es una lista opcional de parámetros:variables que desea que estén disponibles dentro de la función
    • Las variables globales también estarán disponibles dentro de la función
  • Un VALOR opcional se puede devolver desde la función para usarla fuera de ella
    • Las variables globales modificadas dentro de la función también conservarán los cambios realizados dentro de la función
  • Las funciones se pueden declarar en cualquier parte del código y se elevarán, lo que las hará disponibles antes de que se declaren

Expresiones de función

Existe una sintaxis alternativa para definir funciones, expresiones de función . Las expresiones de función le permiten definir una función que tiene el nombre omitido, creando una función anónima . A continuación, la función se puede asignar a una variable en lugar de ser una función con nombre.

let myFunction = function(PARAMETER){
    return VALUE;
}

¿Por qué usar expresiones de función?

Las funciones existen en el ámbito global. Sin embargo, las expresiones de función solo pueden existir en el alcance actual, lo que significa que puede declarar una expresión de función dentro de otra función, un bucle u otro bloque de alcance y solo estará disponible allí, en lugar de obstruir el alcance global.

La función se declara y luego se olvida cuando ya no se requiere como parte de la recolección de basura normal, lo que también puede mantener la eficiencia del código.

Las funciones creadas con expresiones de función no se elevan, por lo que deben declararse antes están usados.

Sintaxis de expresión de función de flecha

Un atajo popular para declarar expresiones de función es la sintaxis de flecha:

let myFunction = (PARAMETER) => {
    return VALUE
}

Es simplemente abreviatura, en lugar de escribir función (PARÁMETRO) una flecha => se usa entre corchetes y corchetes que contienen el código de función.

Uso de funciones [Ejemplos]

A continuación, las funciones se declaran mediante declaraciones de función, expresiones de función y sintaxis de flecha de expresión de función:

// Declare a function
function multiplyFunction(a, b){
    return a * b;
}

// Assign a function expression to a variable
let addFunction = function(a, b) {
    return a + b;
}

// Assign a function expression to a variable, with arrow syntax
let subtractFunction = (a, b) = > {
    return a - b;
}

Todas las funciones se llaman de la misma manera:

multiplyFunction(2, 3); // 6
addFunction(2, 3); // 5
subtractFunction(2, 3); // -1