Parámetros de funciones de JavaScript

Aprenda los conceptos básicos de los parámetros de funciones de JavaScript

Una función puede aceptar uno o más parámetros.

const dosomething = () = { //do something}const dosomethingElse = foo = { //do something}const dosomethingElseAgain = (foo, bar) = { //do something}

A partir de ES6/ES2015 , las funciones pueden tener valores predeterminados para los parámetros:

const dosomething = (foo = 1, bar = 'hey') = { //do something}

Esto le permite llamar a una función sin completar todos los parámetros:

dosomething(3)dosomething()

ES2018 introdujo comas finales para los parámetros, una característica que ayuda a reducir errores debido a comas faltantes al mover parámetros (por ejemplo, mover la última al medio):

const dosomething = (foo = 1, bar = 'hey',) = { //do something}dosomething(2, 'ho!')

También está bien llamar a sus funciones con una coma final después del último parámetro:

dosomething(2, 'ho!',)

Puede envolver todos sus argumentos en una matriz y utilizar el operador de propagación al llamar a la función:

const dosomething = (foo = 1, bar = 'hey') = { //do something}const args = [2, 'ho!']dosomething(...args)

Con muchos parámetros, recordar el orden puede resultar difícil. Al utilizar objetos, la desestructuración permite conservar los nombres de los parámetros:

const dosomething = ({ foo = 1, bar = 'hey' }) = { //do something console.log(foo) // 2 console.log(bar) // 'ho!'}const args = { foo: 2, bar: 'ho!' }dosomething(args)

Las funciones ahora admiten parámetros predeterminados:

const foo = function(index = 0, testing = true) { /* ... */ }foo()

Los valores de parámetros predeterminados se introdujeron en ES2015 y están ampliamente implementados en los navegadores modernos.Te recomendamos Todo sobre sofas

Esta es una doSomethingfunción que acepta param1.

const doSomething = (param1) = {}

Podemos agregar un valor predeterminado param1si se invoca la función sin especificar un parámetro:

const doSomething = (param1 = 'test') = {}

Por supuesto, esto también funciona para más parámetros:

const doSomething = (param1 = 'test', param2 = 'test2') = {}

¿Qué pasa si tienes un objeto único con valores de parámetros en él?

Érase una vez, si teníamos que pasar un objeto de opciones a una función, para tener valores por defecto de esas opciones si una de ellas no estaba definida, había que añadir un poco de código dentro de la función:

const colorize = (options) = { if (!options) { options = {} } const color = ('color' in options) ? options.color : 'yellow' ...}

Con la desestructuración de objetos puedes proporcionar valores predeterminados, lo que simplifica mucho el código:

const colorize = ({ color = 'yellow' }) = { ...}

Si no se pasa ningún objeto al llamar a nuestra colorizefunción, de manera similar podemos asignar un objeto vacío por defecto:

const spin = ({ color = 'yellow' } = {}) = { ...}

Tips para principiantes de JavaScript

Tal vez te puede interesar:

1. Cómo generar un número aleatorio entre dos números en JavaScript
2. Cómo esperar el evento DOM listo en JavaScript simple
3. Cómo determinar si una fecha es hoy en JavaScript
4. Cómo contar el número de propiedades en un objeto JavaScript

Parámetros de funciones de JavaScript

Una función puede aceptar uno o más parámetros. Aprenda los conceptos básicos de los parámetros de funciones de JavaScript Aprenda los conceptos básicos

programar

es

2025-01-20

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente