typescript-funciones-arrow

Funciones Arrow en TypeScript

TypeScript admite funciones anónimas y funciones de flecha, que son formas más concisas de escribir funciones.

Funciones anónimas

Las funciones anónimas son funciones sin nombre, comúnmente utilizadas como argumentos de otras funciones.

const saludar = function(nombre: string): void {
    console.log(`Hola ${nombre}.`);
};

Estas funciones (como su nombre indica) no tienen un nombre asignado y se utilizan en una variedad de contextos. Especialmente cuando se necesita una función temporal o de corta vida.

Funciones de flecha

Las funciones arrow son una sintaxis compacta de definir funciones en JavaScript y TypeScript. Se caracterizan por usar la sintaxis => y tienen varias ventajas sobre las funciones tradicionales, especialmente en términos de manejo de this.

Las funciones arrow permiten escribir funciones de manera más concisa y legible, especialmente cuando se trata de funciones cortas o funciones de una sola línea

La sintaxis básica de una función arrow es la siguiente:

(param1, param2, ..., paramN) => {
    // cuerpo de la función
}

Por ejemplo,

const saludar = (nombre: string): void => {
    console.log(`Hola ${nombre}.`);
};

Para funciones con un solo parámetro, los paréntesis pueden omitirse:

param => {
    // cuerpo de la función
}

Si la función consiste en una sola expresión, se puede omitir el bloque de llaves y la palabra clave return:

(param1, param2) => param1 + param2

Las funciones de flecha son especialmente útiles en contextos donde se necesita preservar el contexto this de la función envolvente, ya que utilizan el contexto this del entorno en el que fueron creadas.