Блок
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Блок инструкций (или сложная инструкция в других языках) используется для группировки нуля или более инструкций. Блок отделяется парой фигурных скобок и может опционально быть поименован
:
Синтаксис
[имя:] { инструкция_1; инструкция_2; ... инструкция_n; }
инструкция_1
,инструкция_2
,инструкция_n
-
Инструкции, сгруппированные внутри блока инструкций.
- имя
-
Необязательное
имя
для визуальной идентификации или использования как точки выхода для оператораbreak
.
Описание
Эта инструкция широко используется с операторами управления потоком (н., if...else
, for
, while
). Например:
while (x < 10) {
x++;
}
Обратите внимание, что блок инструкций не заканчивается точкой с запятой.
Блок инструкций часто называется сложной (составной) инструкцией в других языках. Он позволяет вам использовать несколько операторов там, где JavaScript ожидает один оператор. Помещение инструкций в блок - это распространённая практика в JavaScript. Противоположное поведение - использование пустого оператора там, где никаких действий не нужно, а оператор требуется.
Правила области видимости блока
С использованием var
Переменные, объявленные через var
, не имеют блочной области видимости. Переменные, введённые внутри блока, имеют областью видимости содержащую их функцию или скрипт, и последствия записи в них значения распространяются за границы, собственно, блока, в котором они объявлены. Другими словами, блок инструкций не вводит новую область видимости. Хотя "отдельно стоящие" блоки не являются нарушением синтаксиса, не стоит использовать отдельно стоящие блоки в JavaScript, потому что они не делают то, чего вы от них ожидаете, если вы ожидаете, что они будут себя вести аналогично блокам в C или Java. Например:
var x = 1;
{
var x = 2;
}
console.log(x); // выводит 2
Тут выводится 2, потому что оператор var x
внутри блока - в той же области видимости, что и оператор var x
перед блоком. В C или Java подобный код вывел бы 1.
С let
и const
Наоборот, идентификаторы, объявленные с помощью let
и const
имеют блочную область видимости:
let x = 1;
{
let x = 2;
}
console.log(x); // выводит 1
x = 2
ограничено рамками области видимости блока, в котором оно было определено.
То же самое и для const
:
const c = 1;
{
const c = 2;
}
console.log(c); // выводит 1 и не выбрасывает SyntaxError...
Обратите внимание, что объявленная внутри блока const c = 2
не кидает SyntaxError: Identifier 'c' has already been declared
(идентификатор 'c' уже был объявлен
) потому что она может быть объявлена единожды внутри блока.
Спецификации
Specification |
---|
ECMAScript Language Specification # sec-block |
Совместимость с браузерами
BCD tables only load in the browser