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

Estrada Web Group
Estrada Web Group
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.

  1. En el primer ejemplo, estoy llamando a la función "greet" y le paso el argumento "John". El output será "Hello, John!".
  2. 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.  

  1. En el primer ejemplo, llamamos a la función "sum" y pasamos los argumentos 2 y 3. El output será 5.
  2. En el segundo ejemplo, llamamos a la función "sum" y solo pasamos el argumento 2. Como no se proporciona un valor para "b", se utiliza el valor predeterminado de 0. El output será 2.
  3. 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 a 0. 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" y 30 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.

 

Compartir artículo:

Más artículos geniales

Cómo reemplazar un subcadena de una cadena de texto en JavaScript

Cómo reemplazar un subcadena de una cadena de texto en JavaScript

Resumen: en este tutorial, aprenderás a reemplazar todas las apariciones de una subcadena en una cadena con JavaScript.

Ver artículo completo
¿Cuál es la sintaxis de JavaScript?

¿Cuál es la sintaxis de JavaScript?

Resumen: en este tutorial, aprenderás sobre la sintaxis de JavaScript, incluidos espacios en blanco, declaraciones, identificadores, comentarios, expresiones y palabras clave.

Ver artículo completo

Manténgase actualizado

Obtenga excelente contenido en su bandeja de entrada todas las semanas.
Solo contenido excelente, no compartimos su correo electrónico con terceros.
Subir al inicio de la pantalla