Parámetros con nombre en JavaScript

En la publicación de hoy, veremos los parámetros con nombre en JavaScript.

Parámetros con nombre en JavaScript

El punto principal que se debe sacar de los argumentos posicionales es que el nombre del argumento no tiene sentido. El orden en que se pasan los argumentos es lo único que importa.

const functionName = (argument1, argument2) => {
  console.log(`Hello ${argument1} ${argument2}`);
}

Dado que es difícil mezclar el orden de los argumentos, por lo general funciona perfectamente en situaciones en las que envía uno o dos argumentos. Sin embargo, sería difícil recordar la secuencia de argumentos a pasar si tuviera que hacer una llamada que requiere un número de argumentos n.

De forma predeterminada, los argumentos con nombre no son compatibles con JavaScript. Sin embargo, puede realizar una tarea similar mediante el uso de objetos literales y la desestructuración.

Incluso si tiene valores predeterminados configurados, puede evitar errores al llamar a la función sin ningún parámetro asignando el objeto al objeto vacío.

Dado que la función ya no depende del orden en que se proporcionan los argumentos, también podemos excluir los argumentos que no deseamos pasar usando el patrón del argumento nombrado.

const namedParamFunction = ({argument1, argument2, argument3} = {}) => {
  console.log(argument1, argument2, argument3)
} namedParamFunction({argument3: 'DelftStack!', argument1: 'Hello'});

En conclusión, argumentaríamos que los argumentos con nombre son un patrón fuerte que ahora se usa ampliamente, pero no necesariamente es necesario usarlos. Incluso puede combinar los dos a veces.

Ejecute la línea de código anterior en cualquier navegador compatible con JavaScript. Mostrará el siguiente resultado:

"Hello DelftStack Users!"
"Hello", undefined, "DelftStack!"

Manifestación