Блок

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). Например:

js
while (x < 10) {
  x++;
}

Обратите внимание, что блок инструкций не заканчивается точкой с запятой.

Блок инструкций часто называется сложной (составной) инструкцией в других языках. Он позволяет вам использовать несколько операторов там, где JavaScript ожидает один оператор. Помещение инструкций в блок - это распространённая практика в JavaScript. Противоположное поведение - использование пустого оператора там, где никаких действий не нужно, а оператор требуется.

Правила области видимости блока

С использованием var

Переменные, объявленные через var, не имеют блочной области видимости. Переменные, введённые внутри блока, имеют областью видимости содержащую их функцию или скрипт, и последствия записи в них значения распространяются за границы, собственно, блока, в котором они объявлены. Другими словами, блок инструкций не вводит новую область видимости. Хотя "отдельно стоящие" блоки не являются нарушением синтаксиса, не стоит использовать отдельно стоящие блоки в JavaScript, потому что они не делают то, чего вы от них ожидаете, если вы ожидаете, что они будут себя вести аналогично блокам в C или Java. Например:

js
var x = 1;
{
  var x = 2;
}
console.log(x); // выводит 2

Тут выводится 2, потому что оператор var x внутри блока - в той же области видимости, что и оператор var x перед блоком. В C или Java подобный код вывел бы 1.

С let и const

Наоборот, идентификаторы, объявленные с помощью let и const имеют блочную область видимости:

js
let x = 1;
{
  let x = 2;
}
console.log(x); // выводит 1

x = 2 ограничено рамками области видимости блока, в котором оно было определено.

То же самое и для const:

js
const c = 1;
{
  const c = 2;
}
console.log(c); // выводит 1 и не выбрасывает SyntaxError...

Обратите внимание, что объявленная внутри блока const c = 2 не кидает SyntaxError: Identifier 'c' has already been declared (идентификатор 'c' уже был объявлен) потому что она может быть объявлена единожды внутри блока.

Спецификации

Specification
ECMAScript® 2025 Language Specification
# sec-block

Совместимость с браузерами

Report problems with this compatibility data on GitHub
desktopmobileserver
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
Deno
Node.js
block

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support

Смотрите также