diff options
Diffstat (limited to 'files/ru/web/javascript/reference/statements/default')
-rw-r--r-- | files/ru/web/javascript/reference/statements/default/index.html | 116 |
1 files changed, 116 insertions, 0 deletions
diff --git a/files/ru/web/javascript/reference/statements/default/index.html b/files/ru/web/javascript/reference/statements/default/index.html new file mode 100644 index 0000000000..5a6438e9c7 --- /dev/null +++ b/files/ru/web/javascript/reference/statements/default/index.html @@ -0,0 +1,116 @@ +--- +title: default +slug: Web/JavaScript/Reference/Statements/default +tags: + - JavaScript + - Keyword + - Switch + - export +translation_of: Web/JavaScript/Reference/Statements/switch +--- +<div>{{jsSidebar("Statements")}}</div> + +<p>В JavaScript ключевое слово <strong>default </strong>используется в двух случаях: внутри конструкции {{jsxref("Statements/switch", "switch")}} или с конструкцией {{jsxref("Statements/export", "export")}}.</p> + +<h2 id="Синтаксис">Синтаксис</h2> + +<p>В конструкции {{jsxref("Statements/switch", "switch")}}:</p> + +<pre class="syntaxbox">switch (expression) { + case value1: + // Выражение выполнится, когда значение expression соответствует value1 + [break;] + default: + // Выражение выполнится, когда ни одно из значений не будет соответствовать значению expression + [break;] +}</pre> + +<p>С конструкцией {{jsxref("Statements/export", "export")}}:</p> + +<pre class="syntaxbox">export default <em>nameN</em> </pre> + +<h2 id="Описание">Описание</h2> + +<p>Для получения дополнительной информации смотрите:</p> + +<ul> + <li>{{jsxref("Statements/switch", "switch")}}</li> + <li>{{jsxref("Statements/export", "export")}}</li> +</ul> + +<h2 id="Примеры">Примеры</h2> + +<h3 id="Использование_default_в_switch">Использование <code>default</code> в <code>switch</code></h3> + +<p>В следующем примере, если <code>expr</code> имеет значение "Апельсины" или "Яблоки", то программа сопоставит это значение с "Апельсины" или с "Яблоки", а затем выполнит соответствующее выражение. В других случаях поможет ключевое слово <strong>default,</strong> выполня связанное выражение.</p> + +<pre class="brush: js">switch (expr) { + case 'Апельсины': + console.log('Апельсины стоят $0.59 за фунт.'); + break; + case 'Яблоки': + console.log('Яблоки стоят $0.32 за фунт.'); + break; + default: + console.log(`Извините, у нас закончились ${expr}.`); +}</pre> + +<h3 id="Использование_default_с_export">Использование <code>default</code> с<font face="Open Sans, arial, sans-serif"> </font><code>export</code></h3> + +<p>При необходимости экспорта единственного значения или резервирования (fallback) значения для модуля, можно воспользоваться<strong> </strong>экспортом по-умолчанию: </p> + +<pre class="brush: js">// модуль "my-module.js" +let cube = function cube(x) { + return x * x * x; +}; +export default cube;</pre> + +<p>Тогда, в другом файле JavaScript, становится возможным просто импортировать экспортируемое по-умолчанию значение:</p> + +<pre class="brush: js">// модуль "my-module.js" +import myFunction from 'my-module'; +console.log(myFunction(3)); // 27 +</pre> + +<h2 id="Спецификация">Спецификация</h2> + +<table class="standard-table"> + <tbody> + <tr> + <th scope="col">Спецификация</th> + <th scope="col">Статус</th> + <th scope="col">Комментарий</th> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-switch-statement', 'switch statement')}}</td> + <td>{{Spec2('ES6')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('ES6', '#sec-exports', 'Exports')}}</td> + <td>{{Spec2('ES6')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-switch-statement', 'switch statement')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('ESDraft', '#sec-exports', 'Exports')}}</td> + <td>{{Spec2('ESDraft')}}</td> + <td></td> + </tr> + </tbody> +</table> + +<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> + +<p>{{Compat("javascript.statements.default")}}</p> + +<h2 id="Смотрите_также">Смотрите также</h2> + +<ul> + <li>{{jsxref("Statements/export", "export")}}</li> + <li>{{jsxref("Statements/switch", "switch")}}</li> +</ul> |