Cómo usar los parámetros por default en una función en JavaScript

Resumen: en este tutorial, aprenderás a manejar los parámetros predeterminados de JavaScript en ES6.
Introducción a los parámetros predeterminados de JavaScript
En JavaScript, los parámetros predeterminados son valores predefinidos que se asignan a los parámetros de una función si no se proporciona un valor al llamar a la función. En este artículo, aprenderás cómo establecer parámetros predeterminados en JavaScript y cómo utilizarlos en diferentes escenarios.
Argumentos vs. Parámetros
En JavaScript, los argumentos
son los valores que se pasan a una función cuando se llama. Los parámetros
son las variables que se definen en la declaración de una función y se utilizan para recibir los argumentos. Es importante tener en cuenta que los argumentos y los parámetros son diferentes, pero están relacionados. Los argumentos se pasan a una función y se asignan a los parámetros correspondientes.
Establecer parámetros predeterminados de JavaScript para una función
En JavaScript, se pueden establecer parámetros predeterminados utilizando el operador "="
. Por ejemplo, si queremos establecer un parámetro predeterminado para el parámetro "x
" en una función, podemos escribir "function myFunction(x = 0) {}". En este ejemplo, si no se proporciona un valor para "x
" al llamar a la función "myFunction
", el valor predeterminado será 0
.
Ejemplo definir un valor predeterminado a un parámetro de una función en JavaScript
En este ejemplo, estableceremos un parámetro predeterminado para el parámetro "name
" en una función de saludo.
function greet(name = "stranger") {
console.log(`Hello, ${name}!`);
}
greet("John"); // Output: "Hello, John!"
greet(); // Output: "Hello, stranger!"
En la primera línea, debes establecer el parámetro "name
" con un valor predeterminado de "stranger
". Si no se proporciona un valor para "name
" al llamar a la función "greet
", el valor predeterminado será "stranger
". En las líneas siguientes, puedes ver dos ejemplos de cómo se utiliza la función.
- En el primer ejemplo, estoy llamando a la función "
greet
" y le paso el argumento "John
". El output será "Hello, John!
". - En el segundo ejemplo, no pase ningún argumento al llamar a la función "
greet
". Como no proporcione un valor para "name
", se utiliza el valor predeterminado de "stranger
". El output será "Hello, stranger!
".
Ejemplo definir valores predeterminados a dos parámetros en una función en JavaScript
En este ejemplo, estableceremos parámetros predeterminados para los parámetros "a" y "b" en una función de suma.
function sum(a = 0, b = 0) {
return a + b;
}
console.log(sum(2, 3)); // Output: 5
console.log(sum(2)); // Output: 2
console.log(sum()); // Output: 0
En la primera línea, establecemos los parámetros "a" y "b" con valores predeterminados de 0
. Si no se proporciona un valor para "a" o "b"
al llamar a la función "sum
", el valor predeterminado será 0
. En las líneas siguientes, vemos tres ejemplos de cómo se utiliza la función.
- En el primer ejemplo, llamamos a la función "
sum
" y pasamos los argumentos 2 y 3. El output será5
. - En el segundo ejemplo, llamamos a la función "
sum
" y solo pasamos el argumento2
. Como no se proporciona un valor para "b
", se utiliza el valor predeterminado de0
. El output será2
. - En el tercer ejemplo, no pasamos ningún argumento al llamar a la función "
sum
". Como no se proporciona un valor para "a" ni "b", se utilizan los valores predeterminados de"a" y "b"
que son igual a0
. El output será0
.
Ejemplo definir valores predeterminados a parámetros de tipo objeto en una función en JavaScript
En este ejemplo, crearemos una función que toma un objeto como parámetro y utiliza valores predeterminados para los atributos del objeto si no se proporcionan.
function createPerson(options = {name: "John", age: 25, job: "Developer"}) {
console.log(`Name: ${options.name}`);
console.log(`Age: ${options.age}`);
console.log(`Job: ${options.job}`);
}
createPerson({name: "Jane", age: 30});
createPerson();
En la primera línea, se establece el parámetro "options
" con un objeto predeterminado que tiene los atributos "name", "age" y "job" con valores predeterminados de "John
", 25
y "Developer
" respectivamente. Si no se proporciona un objeto al llamar a la función "createPerson
", se utilizará el objeto predeterminado. En las líneas siguientes, te muestro dos ejemplos de cómo se utiliza la función.
- En el primer ejemplo, llamo a la función "
createPerson
" y le paso un objeto con los atributos "name
" y "age
" con los valores "Jane
" y30
respectivamente. El output es: "Name: Jane", "Age: 30" y "Job: Developer". - En el segundo ejemplo, no paso ningún objeto al llamar a la función "
createPerson
". Como no proporcione un objeto, se utiliza el objeto predeterminado. El output es: "Name: John", "Age: 25" y "Job: Developer".
Resumen
En resumen, los parámetros predeterminados en JavaScript
son valores predefinidos que se asignan a los parámetros de una función si no se proporciona un valor al llamar a la función. En este artículo aprendiste a establecer parámetros predeterminados en JavaScript utilizando el operador "=", y cómo utilizarlos en diferentes escenarios, como en una función de saludo, una función de suma y una función que crea un objeto. Es importante recordar que los argumentos y los parámetros son diferentes, pero están relacionados. Los argumentos se pasan a una función y se asignan a los parámetros correspondientes. Aprender a manejar los parámetros predeterminados en JavaScript te ayudará a escribir código más conciso y fácil de entender.
Si te ha gustado este artículo, te pediría que lo compartieras con tus amigos y colegas para que también puedan aprender sobre este tema. Asimismo, te invito a dejar tus comentarios o preguntas abajo para que pueda ayudarte más en caso necesario.