diff options
Diffstat (limited to 'files/uk/conflicting/web/javascript/reference/statements/switch/index.html')
-rw-r--r-- | files/uk/conflicting/web/javascript/reference/statements/switch/index.html | 119 |
1 files changed, 119 insertions, 0 deletions
diff --git a/files/uk/conflicting/web/javascript/reference/statements/switch/index.html b/files/uk/conflicting/web/javascript/reference/statements/switch/index.html new file mode 100644 index 0000000000..d85d7dedc7 --- /dev/null +++ b/files/uk/conflicting/web/javascript/reference/statements/switch/index.html @@ -0,0 +1,119 @@ +--- +title: default +slug: conflicting/Web/JavaScript/Reference/Statements/switch +translation_of: Web/JavaScript/Reference/Statements/switch +translation_of_original: Web/JavaScript/Reference/Statements/default +original_slug: Web/JavaScript/Reference/Statements/default +--- +<div>{{jsSidebar("Statements")}}</div> + +<p>Ключове слово <strong>default</strong> може використовуватись у двох ситуаціях у<strong> </strong>JavaScript: у конструкції {{jsxref("Statements/switch", "switch")}} або з оператором {{jsxref("Statements/export", "export")}}.</p> + +<div>{{EmbedInteractiveExample("pages/js/statement-default.html")}}</div> + + + +<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> оцінюється як "Апельсини" або "Яблука", програма зайде або у блок case "Апельсини", або у "Яблука" та виконає відповідну інструкцію. Ключове слово <code>default</code> допоможе у будь-якому іншому випадку та виконає пов'язану інструкцію.</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> з <code>export</code></h3> + +<p>Якщо ви хочете експортувати єдине значення, або вам потрібне запасне значення модуля, можна використати default у export:</p> + +<pre class="brush: js">// module "my-module.js" +let cube = function cube(x) { + return x * x * x; +}; +export default cube;</pre> + +<p>Тоді у іншому скрипті буде прямий імпорт експорту за замовчуванням:</p> + +<pre class="brush: js">// 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 +</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> |