Le mot-clé default peut être utilisé à deux endroits en JavaScript : au sein d'une instruction switch ou dans une instruction export.
Le code source de cet exemple interactif est disponible dans un dépôt GitHub. Si vous souhaitez contribuez à ces exemples, n'hésitez pas à cloner https://github.com/mdn/interactive-examples et à envoyer une pull request !
Syntaxe
Dans une instruction switch :
switch (expression) {
case valeur1:
// Les instructions exécutées quand le résultat
// de l'expression vaut valeur1
[break;]
default:
// Les instructions exécutées quand aucune des valeurs
// ne correspond à la valeur de l'expression
[break;]
}
Dans une instruction export :
export default nomN
Description
Pour plus de détails, voir les pages sur :
Exemples
Utiliser default dans une instruction switch
Dans l'exemple qui suit, si expr vaut "Bananes" ou "Pommes", le programme exécutera les instructions correspondantes à chacune de ces valeurs. Le mot-clé default permettra d'indiquer des instructions à exécuter dans les autres cas (expr ne correspond à aucun des cas).
switch (expr) {
case "Bananes":
console.log("Les bananes sont à 1.59€ le kilo.");
break;
case "Pommes":
console.log("Les pommes sont à 0.78€ le kilo.");
break;
default:
console.log("Désolé, nous n'avons plus de " + expr + ".");
}
Utiliser default avec export
Si on souhaite exporter une seule valeur ou avoir une valeur par défaut dans un module, on peut utiliser un export avec default :
// module "mon-module.js"
let cube = function cube(x) {
return x * x * x;
}
export default cube;
Dans un autre script, on pourra simplement faire référence à l'export par défaut :
// module "autre-module.js" import maFonction from 'mon-module'; console.log(maFonction(3)); // 27
Spécifications
Compatibilité des navigateurs
| Ordinateur | Mobile | Serveur | ||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
default keyword in switch | Chrome Support complet Oui | Edge Support complet Oui | Firefox Support complet 1 | IE Support complet Oui | Opera Support complet Oui | Safari Support complet Oui | WebView Android Support complet Oui | Chrome Android Support complet Oui | Edge Mobile Support complet Oui | Firefox Android Support complet 4 | Opera Android Support complet Oui | Safari iOS Support complet Oui | Samsung Internet Android Support complet Oui | nodejs Support complet Oui |
default keyword with export | Chrome Support complet 61 | Edge
Support complet
16
| Firefox
Support complet
60
| IE Aucun support Non | Opera Support complet 47 | Safari Support complet 10.1 | WebView Android Aucun support Non | Chrome Android Support complet 61 | Edge Mobile Support complet Oui | Firefox Android
Support complet
60
| Opera Android Support complet 47 | Safari iOS Support complet 10.1 | Samsung Internet Android Aucun support Non | nodejs ? |
Légende
- Support complet
- Support complet
- Aucun support
- Aucun support
- Compatibilité inconnue
- Compatibilité inconnue
- Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.
- Une action explicite de l'utilisateur est nécessaire pour activer cette fonctionnalité.

