Ключове слово default може використовуватись у двох ситуаціях у JavaScript: у конструкції switch або з оператором export.
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.
Синтаксис
У конструкції switch:
switch (expression) {
case value1:
//Інструкції, що виконуються, коли значення expression дорівнює value1
[break;]
default:
//Інструкції, що виконуються, коли жодне значення не дорівнює значенню expression
[break;]
}
З оператором export:
export default nameN
Опис
Більш детально дивіться на сторінках
Приклади
Використання default у конструкціях switch
У наступному прикладі, якщо expr оцінюється як "Апельсини" або "Яблука", програма зайде або у блок case "Апельсини", або у "Яблука" та виконає відповідну інструкцію. Ключове слово default допоможе у будь-якому іншому випадку та виконає пов'язану інструкцію.
switch (expr) {
case 'Апельсини':
console.log('Апельсини коштують $0.59 за кілограм.');
break;
case 'Яблука':
console.log('Яблука коштують $0.32 за кілограм.');
break;
default:
console.log('На жаль, в нас закінчились ' + expr + '.');
}
Використання default з export
Якщо ви хочете експортувати єдине значення, або вам потрібне запасне значення модуля, можна використати default у export:
// module "my-module.js"
let cube = function cube(x) {
return x * x * x;
};
export default cube;
Тоді у іншому скрипті буде прямий імпорт експорту за замовчуванням:
// module "another-module.js" import cube from 'my-module'; //default export gave us the liberty to say import cube, instead of import cube from 'my-module' console.log(cube(3)); // 27
Специфікації
Сумісність з веб-переглядачами
| Desktop | Mobile | Server | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
default keyword in switch | Chrome Full support Yes | Edge Full support Yes | Firefox Full support 1 | IE Full support Yes | Opera Full support Yes | Safari Full support Yes | WebView Android Full support Yes | Chrome Android Full support Yes | Firefox Android Full support 4 | Opera Android Full support Yes | Safari iOS Full support Yes | Samsung Internet Android Full support Yes | nodejs Full support Yes |
default keyword with export | Chrome Full support 61 | Edge
Full support
16
| Firefox
Full support
60
| IE No support No | Opera Full support 47 | Safari Full support 10.1 | WebView Android No support No | Chrome Android Full support 61 | Firefox Android
Full support
60
| Opera Android Full support 44 | Safari iOS Full support 10.1 | Samsung Internet Android No support No | nodejs ? |
Legend
- Full support
- Full support
- No support
- No support
- Compatibility unknown
- Compatibility unknown
- User must explicitly enable this feature.
- User must explicitly enable this feature.

