AD

¿Ya dominas lo básico? Un curso estructurado de JavaScript es la vía rápida para dar el salto.

Ver cursos de JavaScript en Udemy

Enlace de afiliado. No te cuesta nada extra.

🟨Lecciones de JavaScript
Lección 27 / 69

Argumentos por defecto (valores iniciales de los parámetros)

En esta lección aprenderás a escribir argumentos por defecto en JavaScript para fijar un valor inicial que se use cuando se omite un argumento. Está dirigida a quien busca «argumentos por defecto en JavaScript» o «valor por defecto de un parámetro en JavaScript».

Escribir = valor después de un parámetro fija un «valor inicial» que se usa automáticamente cuando quien llama omite ese argumento. Imagínalo así: «si dejas el formulario de pedido en blanco, recibes la opción habitual». Esto te ahorra escribir cada vez código que comprueba y asigna un valor de reserva dentro de la función, dejando una definición sencilla y legible.

El código de ejemplo define la función saludar(nombre = "Invitado"): llamarla como saludar("Ana") usa ese valor, mientras que llamarla como saludar() sin argumento usa el valor por defecto "Invitado". Sin argumentos por defecto tendrías que escribir cada vez algo como if (nombre === undefined) { nombre = "Invitado"; } dentro de la función.

Un tropiezo habitual al empezar es que el valor por defecto solo se aplica «cuando el argumento no se pasó en absoluto o se pasó como undefined». Si pasas null, el valor por defecto no se usa: se queda en null. Además, cuando una función tiene varios parámetros, se considera más legible colocar los que tienen valor por defecto después de los demás.

En el desarrollo real, los argumentos por defecto se usan mucho al diseñar funciones en las que solo parte de la configuración puede cambiarse, o funciones con características opcionales. Como mantienen simple el código de quien llama, son una técnica imprescindible para diseñar una API agradable de usar.

Las funciones flecha admiten los argumentos por defecto de la misma forma, como (nombre = "Invitado") => { ... }. Aunque cambie la manera de escribir la función, la idea de fondo es la misma, así que merece la pena recordarlo junto al resto.

JavaScript
SALIDA

💡 Todo lo que pases a console.log() aparece en la salida de abajo.

Espacio publicitario (banner)
Espacio publicitario (en el artículo)