Comment définir les valeurs de paramètre par défaut dans JavaScript

Découvrez comment ajouter une valeur de paramètre par défaut dans une fonction JavaScript

Des valeurs de paramètre par défaut ont été introduites dansES6en 2015, et sont largement implémentés dans les navigateurs modernes.

C'est undoSomethingfonction qui accepteparam1.

const doSomething = (param1) => {

}

Nous pouvons ajouter une valeur par défaut pourparam1si la fonction est appelée sans spécifier de paramètre:

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

}

Cela fonctionne également pour plus de paramètres, bien sûr:

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

}

Que faire si vous avez un objet unique avec des valeurs de paramètres?

Il était une fois, si nous devions passer un objet d'options à une fonction, afin d'avoir les valeurs par défaut de ces options si l'une d'elles n'était pas définie, il fallait ajouter un peu de code à l'intérieur de la fonction:

const colorize = (options) => {
  if (!options) {
    options = {}
  }

const color = (‘color’ in options) ? options.color : ‘yellow’ … }

Avec la déstructuration, vous pouvez fournir des valeurs par défaut, ce qui simplifie beaucoup le code:

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

Si aucun objet n'est passé lors de l'appel de notrecolorizefonction, de même, nous pouvons affecter un objet vide par défaut:

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

Téléchargez mon gratuitManuel du débutant JavaScript


Plus de tutoriels js: