Das default Schlüsselwort kann in JavaScript in zwei Situationen verwendet werden: Innerhalb eines switch Statements, oder mit einem export Statement.
The source for this interactive example is stored in a GitHub repository. If you'd like to contribute to the interactive examples project, please clone https://github.com/mdn/interactive-examples and send us a pull request.
Syntax
Innerhalb eines switch Statements:
switch (expression) {
case value1:
// Das Statement wird ausgeführt, wenn das Ergebnis der expression mit value1 übereinstimmt
[break;]
default:
// Das Statement wird ausgeführt, wenn keiner Werte mit dem Wert der expression übereinstimmt
[break;]
}
Mit dem export Statement:
export default nameN
Beschreibung
Für mehr Informationen, siehe die
Beispiele
Verwenden von default in switch Statements
Wenn im folgenden Beispiel expr den Wert "Oranges" oder "Apples" hat, wird das Programm die jeweiligen Werte abgleichen und das dazugehörige Statement ausführen. Das default Schlüsselwort hilft, alle übrigen (nicht speziell behandelten) Fälle zu behandeln.
switch (expr) {
case 'Oranges':
console.log('Oranges are $0.59 a pound.');
break;
case 'Apples':
console.log('Apples are $0.32 a pound.');
break;
default:
console.log('Sorry, we are out of ' + expr + '.');
}
Verwenden von default mit export
Wenn Sie einen einzelnen Wert oder einen "fallback" Wert für ein Modul brauchen, können Sie einen default export verwenden:
// module "my-module.js"
let cube = function cube(x) {
return x * x * x;
}
export default cube;
Dann kann der default export in einem anderen Skript direkt importiert werden:
// module "my-module.js" import myFunction from 'my-module'; console.log(cube(3)); // 27
Spezifikationen
Browserkompatibilität
| Desktop | Mobile | Server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
default keyword in switch | Chrome Vollständige Unterstützung 1 | Edge Vollständige Unterstützung 12 | Firefox Vollständige Unterstützung 1 | IE Vollständige Unterstützung 4 | Opera Vollständige Unterstützung Ja | Safari Vollständige Unterstützung Ja | WebView Android Vollständige Unterstützung 1 | Chrome Android Vollständige Unterstützung 18 | Firefox Android Vollständige Unterstützung 4 | Opera Android Vollständige Unterstützung Ja | Safari iOS Vollständige Unterstützung Ja | Samsung Internet Android Vollständige Unterstützung 1.0 | nodejs Vollständige Unterstützung Ja |
default keyword with export | Chrome Vollständige Unterstützung 61 | Edge
Vollständige Unterstützung
16
| Firefox
Vollständige Unterstützung
60
| IE Keine Unterstützung Nein | Opera Vollständige Unterstützung 47 | Safari Vollständige Unterstützung 10.1 | WebView Android Keine Unterstützung Nein | Chrome Android Vollständige Unterstützung 61 | Firefox Android
Vollständige Unterstützung
60
| Opera Android Vollständige Unterstützung 44 | Safari iOS Vollständige Unterstützung 10.3 | Samsung Internet Android Vollständige Unterstützung 8.0 | nodejs ? |
Legende
- Vollständige Unterstützung
- Vollständige Unterstützung
- Keine Unterstützung
- Keine Unterstützung
- Kompatibilität unbekannt
- Kompatibilität unbekannt
- Benutzer muss dieses Feature explizit aktivieren.
- Benutzer muss dieses Feature explizit aktivieren.