DEV Community

Rubén Alapont
Rubén Alapont

Posted on • Edited on

Named Parameters en JavaScript: Mejorando la Legibilidad y Extensibilidad de tus Funciones

En el mundo del desarrollo de software, una de las principales preocupaciones es la legibilidad y extensibilidad del código. En JavaScript, las funciones son un componente fundamental en la creación de software y es por eso que es importante escribirlas de tal manera que sean fáciles de leer y extender. En este artículo, vamos a explorar cómo los Named Parameters pueden ayudarnos a lograr este objetivo.

Los Named Parameters son una técnica que nos permite pasar los parámetros de una función utilizando un objeto en lugar de una lista de argumentos. En lugar de pasar argumentos posicionales, le pasamos un objeto que contiene los parámetros, donde cada propiedad del objeto es un parámetro y su valor es el valor correspondiente de ese parámetro. Esto permite que la función sea más fácil de entender, ya que no tienes que preocuparte por el orden de los argumentos.

Para ilustrar esto, imaginemos que tenemos una función llamada "createPerson" que toma tres argumentos: "name", "age" y "gender". Si queremos llamar a esta función, tendríamos que hacerlo de la siguiente manera:


createPerson('John', 30, 'Male');

Enter fullscreen mode Exit fullscreen mode

Sin embargo, si utilizamos Named Parameters, podemos hacerlo de la siguiente manera:


createPerson({name: 'John', age: 30, gender: 'Male'});

Enter fullscreen mode Exit fullscreen mode

Esto hace que la función sea más fácil de entender y también más fácil de extender en el futuro. Si en algún momento necesitamos añadir más parámetros a esta función, simplemente podemos añadirlos al objeto y la función seguirá funcionando sin ningún problema.

Además, utilizando Named Parameters podemos hacer que algunos parámetros sean opcionales. Por ejemplo, si quisiéramos hacer que el parámetro "weight" fuera opcional y tuviera un valor por defecto de 200, podríamos hacer lo siguiente:

function createMonster({color, weight = 200, sound, powers, material}) {
  // ...
}
Enter fullscreen mode Exit fullscreen mode

De esta manera, si no especificamos un valor para "weight", se utilizará el valor por defecto de 200.

Es importante destacar que aunque los Named Parameters pueden hacer que el código sea más legible y extensible, no es necesario utilizarlos en todas las funciones. En general, es recomendable utilizarlos en funciones con más de tres parámetros, ya que a partir de este punto puede resultar difícil recordar el orden de los argumentos.

Buy Me A Coffee

SurveyJS custom survey software

Simplify data collection in your JS app with a fully integrated form management platform. Includes support for custom question types, skip logic, integrated CCS editor, PDF export, real-time analytics & more. Integrates with any backend system, giving you full control over your data and no user limits.

Learn more

Top comments (0)

A Workflow Copilot. Tailored to You.

Pieces.app image

Our desktop app, with its intelligent copilot, streamlines coding by generating snippets, extracting code from screenshots, and accelerating problem-solving.

Read the docs

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay