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 Ja | Edge Vollständige Unterstützung Ja | Firefox Vollständige Unterstützung 1 | IE Vollständige Unterstützung Ja | Opera Vollständige Unterstützung Ja | Safari Vollständige Unterstützung Ja | WebView Android Vollständige Unterstützung Ja | Chrome Android Vollständige Unterstützung Ja | Edge Mobile Vollständige Unterstützung Ja | 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 Ja | 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 | Edge Mobile Vollständige Unterstützung Ja | Firefox Android
Vollständige Unterstützung
60
| Opera Android Vollständige Unterstützung 47 | Safari iOS Vollständige Unterstützung 10.1 | Samsung Internet Android Keine Unterstützung Nein | 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.