diff options
Diffstat (limited to 'files/ru')
| -rw-r--r-- | files/ru/web/javascript/reference/statements/label/index.html | 185 |
1 files changed, 96 insertions, 89 deletions
diff --git a/files/ru/web/javascript/reference/statements/label/index.html b/files/ru/web/javascript/reference/statements/label/index.html index 129afe8d3f..aa0b01ea33 100644 --- a/files/ru/web/javascript/reference/statements/label/index.html +++ b/files/ru/web/javascript/reference/statements/label/index.html @@ -1,57 +1,62 @@ --- -title: label +title: Метка slug: Web/JavaScript/Reference/Statements/label tags: - JavaScript - - Statement + - Возможности языка - Метка translation_of: Web/JavaScript/Reference/Statements/label +browser-compat: javascript.statements.label --- <div>{{jsSidebar("Statements")}}</div> -<p>Инструкция метки (<strong>label</strong>) используется вместе с {{jsxref("Statements/break", "break")}} или {{jsxref("Statements/continue", "continue")}} для альтернативного выхода из цикла. Оно добавляется перед блочным выражением в качестве ссылки, которая может быть использована в дальнейшем.</p> +<p><strong>Метки</strong> используются вместе с операторами {{jsxref("Statements/break", + "break")}} и {{jsxref("Statements/continue", "continue")}}. Они выступают + в роли идентификатора выражения, на который можно сослаться.</p> -<p>{{EmbedInteractiveExample("pages/js/statement-label.html")}}</p> +<div>{{EmbedInteractiveExample("pages/js/statement-label.html")}}</div> -<div class="blockIndicator note"> -<p><strong>Примечание:</strong> Помеченные циклы используются очень редко. Обычно вместо этого используют вызов функций.</p> -</div> +<h2 id="Syntax">Синтаксис</h2> -<h2 id="Syntax" name="Syntax">Синтаксис</h2> - -<pre class="syntaxbox"><em>label</em> : - <em>statement</em> +<pre class="brush: js"><em>label</em> : + <em>statement</em> </pre> <dl> - <dt><code>label</code></dt> - <dd>Любой идентификатор JavaScript, который не является ключевым словом.</dd> - <dt><code>statement</code></dt> - <dd>Инструкция. <code>break</code> может быть использован с любой отмеченной инструкцией, а <code>continue</code> только с метками около начала цикла.</dd> + <dt><code><em>label</em></code></dt> + <dd>Идентификатор. Любое слово, кроме ключевых и зарезервированных в JavaScript.</dd> + <dt><code><em>statement</em></code></dt> + <dd>Выражение. С <code>break</code> можно использоваться любое блочное выражение, + а с <code>continue</code> только циклы.</dd> </dl> -<h2 id="Description" name="Description">Описание</h2> +<h2 id="Description">Описание</h2> -<p>Вы можете применять метки для обозначения циклов, чтобы затем при помощи <code>break</code> или <code>continue</code> выходить из цикла или продолжать его работу с новой итерации.</p> +<p>Вы можете использовать метки для обозначения циклов, чтобы затем при помощи <code>break</code> + или <code>continue</code> выходить из цикла или продолжать его работу + с новой итерации соответственно.</p> -<p>В JavaScript <em>нет</em> оператора <code>goto</code>, вы можете использовать только метки с <code>break</code> или <code>continue</code>.</p> +<p>Обратите внимание, в JavaScript <em>отсутствует</em> оператор <code>goto</code>, + вы можете использовать метки только с <code>break</code> или <code>continue</code>.</p> -<p>В <a href="/ru/docs/Web/JavaScript/Reference/Strict_mode">строгом режиме</a> вы не можете использовать "<code>let</code>" как имя метки. Это генерирует ошибку {{jsxref("SyntaxError")}} (let is a reserved identifier).</p> +<p>В <a href="/ru/docs/Web/JavaScript/Reference/Strict_mode">строгом режиме</a> + использование слова "<code>let</code>" в качестве имени метки запрещено — вы получите ошибку {{jsxref("SyntaxError")}} + (потому что <code>let</code> является ключевым словом в новых стандартах JavaScript).</p> -<h2 id="Examples" name="Examples">Примеры</h2> +<h2 id="Examples">Примеры</h2> -<h3 id="Использование_метки_с_continue_с_циклом_for">Использование метки с <code>continue</code> с циклом <code>for</code></h3> +<h3 id="Using_a_labeled_continue_with_for_loops">Использование метки с оператором continue в цикле</h3> -<pre class="brush: js">var i, j; +<pre class="brush: js">let i, j; loop1: for (i = 0; i < 3; i++) { //Первый цикл, обозначенный меткой "loop1" loop2: for (j = 0; j < 3; j++) { //Второй цикл, обозначенный меткой "loop2" - if (i == 1 && j == 1) { + if (i === 1 && j === 1) { continue loop1; } - console.log("i = " + i + ", j = " + j); + console.log('i = ' + i + ', j = ' + j); } } @@ -66,12 +71,13 @@ for (i = 0; i < 3; i++) { //Первый цикл, обозначенн // Обратите внимание на пропуск "i = 1, j = 1" и "i = 1, j = 2" </pre> -<h3 id="Example_2" name="Example_2">Другой пример использования метки с <code>continue</code></h3> +<h3 id="Using_a_labeled_continue_statement">Другой пример использования метки с continue</h3> -<p>На входе массив элементов и массив функций для проверки, в примере вычисляется количество элементов массива, которые проходят все тесты.</p> +<p>В примере по массиву элементов и массиву тест-функций вычисляется количество элементов, + которые проходят все тесты.</p> -<pre class="brush: js"><code>var itemsPassed = 0; -var i, j; +<pre class="brush: js">let itemsPassed = 0; +let i, j; top: for (i = 0; i < items.length; i++) { @@ -82,20 +88,20 @@ for (i = 0; i < items.length; i++) { } itemsPassed++; -}</code></pre> +}</pre> -<h3 id="Использование_меток_с_break" style="line-height: 24px; font-size: 1.71428571428571rem;">Использование меток с <code>break</code></h3> +<h3 id="Using_a_labeled_break_with_for_loops">Использование метки с оператором break в цикле</h3> -<pre class="brush: js" style="font-size: 14px;">var i, j; +<pre class="brush: js">let i, j; loop1: for (i = 0; i < 3; i++) { //Первый цикл, обозначенный меткой "loop1" loop2: for (j = 0; j < 3; j++) { //Второй цикл, обозначенный меткой "loop2" - if (i == 1 && j == 1) { + if (i === 1 && j === 1) { break loop1; } - console.log("i = " + i + ", j = " + j); + console.log('i = ' + i + ', j = ' + j); } } @@ -104,76 +110,77 @@ for (i = 0; i < 3; i++) { //Первый цикл, обозначенн // "i = 0, j = 1" // "i = 0, j = 2" // "i = 1, j = 0" -// Обратите внимание на аналогичный пример с continue</pre> +// Обратите внимание на разницу результатов в аналогичном примере с continue</pre> -<h3 id="Example_3" name="Example_3">Другой пример использования меток с <code>break</code></h3> +<h3 id="Using_a_labeled_break_statement">Другой пример использования метки с break</h3> -<p>Дан массив элементов и массив с функциями для проверки, в примере определяется, проходят ли все элементы первого массива все тесты из второго массива.</p> +<p>В примере по массиву элементов и массиву тест-функций определяется, все ли элементы + проходят все тесты.</p> -<pre class="brush: js">var allPass = true; -var i, j; +<pre class="brush: js">let allPass = true; +let i, j; top: -for (i = 0; items.length; i++) - for (j = 0; j < tests.length; i++) - if (!tests[j].pass(items[i])){ +for (i = 0; i < items.length; i++) { + for (j = 0; j < tests.length; j++) { + if (!tests[j].pass(items[i])) { allPass = false; break top; - }</pre> + } + } +}</pre> -<h3 id="Помеченные_объявления_функция">Помеченные объявления функция</h3> +<h3 id="Using_a_labeled_block_with_break">Использование метки для блочного выражения с break</h3> -<p>Начиная с ECMAScript 2015, помеченные объявления функция являются стандартными для нестрогого режима.</p> +<p>Метки можно использовать для обычных блоков кода, но только с оператором <code>break</code>.</p> -<pre class="brush: js">L: function F() {}</pre> +<pre class="brush: js">foo: { + console.log('привет'); + break foo; + console.log('эта строка не будет исполнена'); +} +console.log('мир'); + +// Вывод: +// "привет" +// "мир"</pre> + +<h3 id="Labeled_function_declarations">Объявление функций с меткой</h3> -<p>Однако, в <a href="/ru/docs/Web/JavaScript/Reference/Strict_mode">строгом режиме</a> генерируется ошибка {jsxref("SyntaxError")}}:</p> +<p>Начиная с ECMAScript 2015, объявление функции с меткой допускается + только в обычном режиме <a + href="https://www.ecma-international.org/ecma-262/6.0/#sec-labelled-function-declarations"> + для совместимости с этой нестандартной, но реализованной в некоторых браузерах, возможностью.</a></p> -<p>In <a href="https://wiki.developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Strict_mode">strict mode</a> code, however, this will throw a {{jsxref("SyntaxError")}}:</p> +<pre class="brush: js">L: function F() {}</pre> + +<p>Однако в <a href="/ru/docs/Web/JavaScript/Reference/Strict_mode">строгом режиме</a> + такой код вызовет ошибку {{jsxref("SyntaxError")}}:</p> -<pre class="brush: js"><code>'use strict'; +<pre class="brush: js">'use strict'; L: function F() {} -// SyntaxError: functions cannot be labelled</code></pre> - -<p><a href="/ru/docs/Web/JavaScript/Reference/Statements/function*">Функции-генераторы</a> не могут быть помечены ни в том, ни в другом режиме:</p> - -<pre class="brush: js"><code>L: function* F() {} -// SyntaxError: generator functions cannot be labelled</code></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>ECMAScript 3-е Издание.</td> - <td>Стандарт</td> - <td>Изначальное определение. Реализован в JavaScript 1.2.</td> - </tr> - <tr> - <td>{{SpecName('ES5.1', '#sec-12.12', 'Labelled statement')}}</td> - <td>{{Spec2('ES5.1')}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName('ES6', '#sec-labelled-statements', 'Labelled statement')}}</td> - <td>{{Spec2('ES6')}}</td> - <td></td> - </tr> - </tbody> -</table> - -<h2 id="Совместимость_с_браузерами">Совместимость с браузерами</h2> - -<p>{{Compat("javascript.statements.label")}}</p> - -<h2 id="See_also" name="See_also">Смотрите также</h2> +// SyntaxError: functions cannot be labelled</pre> + +<p>Объявление <a href="/en-US/docs/Web/JavaScript/Reference/Statements/function*">функций-генераторов</a> + с меткой не допускается ни в обычном, ни в строгом режимах:</p> + +<p><a href="/ru/docs/Web/JavaScript/Reference/Statements/function*"></a> </p> + +<pre class="brush: js">L: function* F() {} +// SyntaxError: generator functions cannot be labelled +</pre> + +<h2 id="Specifications">Спецификации</h2> + +{{Specifications}} + +<h2 id="Browser_compatibility">Совместимость с браузерами</h2> + +<p>{{Compat}}</p> + +<h2 id="See_also">Смотрите также</h2> <ul> - <li>{{jsxref("Statements/break", "break")}}</li> - <li>{{jsxref("Statements/continue", "continue")}}</li> + <li>{{jsxref("Statements/break", "break")}}</li> + <li>{{jsxref("Statements/continue", "continue")}}</li> </ul> |