Інструкції та оголошення

JavaScript-застосунки складаються з інструкцій із певним синтаксисом. Єдина інструкція може простягатися на багато рядків. Декілька інструкцій можуть входити в єдиний рядок, за умови, що кожна інструкція відділена крапкою з комою. Інструкція — це не якесь ключове слово, а група таких слів.

Інструкції та оголошення за категоріями

Перелік інструкцій в алфавітному порядку знаходиться в боковій панелі зліва.

Керування плином виконання

return

Вказує значення, яке буде повернено функцією.

break

Перериває поточну інструкцію циклу, перемикання чи мітки, і передає керування програмою до інструкції, що стоїть після перерваної.

continue

Перериває виконання інструкцій поточної ітерації поточного циклу, або циклу з міткою, і продовжує виконання циклу з наступної ітерації.

throw

Викидає виняток, визначений користувачем.

if...else

Виконує інструкцію, якщо наведена умова є істинною. Якщо умова є хибною — виконується інша інструкція.

switch

Обчислює вираз, зіставляючи значення виразу з умовою випадку, і виконує інструкції, пов'язані зі цим випадком.

try...catch

Позначає блок інструкцій, які програма спробує виконати, і задає реакцію на випадок викидання винятку.

Оголошення змінних

var

Оголошує змінну, опційно ініціалізуючи її значенням.

let

Оголошує локальну змінну в області видимості блока, опційно ініціалізуючи її значенням.

const

Оголошує названу константу, яка доступна лише для читання.

Функції та класи

function

Оголошує функцію зі вказаними параметрами.

function*

Генераторні функції уможливлюють простіше написання ітераторів.

async function

Оголошує асинхронну функцію зі вказаними параметрами.

async function*

Асинхронні генераторні функції уможливлюють простіше написання асинхронних ітераторів.

class

Оголошує клас.

Ітерації

do...while

Створює цикл, що виконує вказану інструкцію доти, допоки перевіркова умова не стане хибною. Умова обчислюється після виконання інструкції, таким чином вказану інструкцію буде виконано принаймні один раз.

for

Створює цикл, що складається зі трьох необов'язкових виразів, виділених дужками й розділених крапками з комами, за якими слідує інструкція, яка виконуватиметься в циклі.

for...in

Перебирає перелічувані властивості об'єкта в довільному порядку. Інструкції можуть виконуватися для кожної окремої властивості.

for...of

Перебирає ітеровані об'єкти (в тому числі масиви, масивоподібні об'єкти, ітератори та генератори), викликаючи прилаштовану ітераційну причепу з інструкціями, які буде виконано для значення кожної окремої властивості.

for await...of

Перебирає асинхронні ітеровані об'єкти, масивоподібні об'єкти, ітератори та генератори, викликаючи прилаштовану ітераційну причепу з інструкціями, які буде виконано для значення кожної окремої властивості.

while

Створює цикл, що виконує вказану інструкцію доти, допоки перевіркова умова залишається істинною. Умова обчислюється перед виконанням інструкції.

Інші

Порожня інструкція

Порожня інструкція використовується, аби не передавати жодної інструкції там, де синтаксис JavaScript очікує інструкцію.

Блок

Блокова інструкція застосовується для об'єднання нуля чи більше інструкцій. Блок виділяється парою фігурних дужок.

Інструкція-вираз

Інструкція-вираз обчислює вираз та відкидає його результат. Вона дає виразові змогу проявити побічні ефекти, як то виконання функції чи оновлення змінної.

debugger

Викликає будь-яку наявну функціональність зневадження. Якщо немає жодної доступної функціональності зневадження — ця інструкція не робить нічого.

export

Застосовується для експорту функцій, аби зробити їх доступними для імпорту у зовнішніх модулях та інших скриптах.

import

Застосовується для імпорту функцій, експортованих із зовнішнього модуля, іншого скрипту.

label

Надає інструкцію з ідентифікатором, до якого можна звернутися використавши інструкції break чи continue.

with

Розширює ланцюжок областей видимості для інструкції.

Відмінності між інструкціями та оголошеннями

В цьому розділі змішані два різновиди конструкцій: інструкції (англ.) й оголошення (англ.). Вони є двома непересічними наборами граматик. Ось оголошення:

• let
• const
• function
• function*
• async function
• async function*
• class
• export (Примітка: може з'являтися лише на зовнішньому рівні модуля)
• import (Примітка: може з'являтися лише на зовнішньому рівні модуля)

Все решта в списку вище – інструкції.

Терміни "інструкція" й "оголошення" в формальному синтаксисі JavaScript мають чітко визначене значення, котре впливає на те, де вони можуть зустрічатися в коді. Наприклад, в більшості структур контролю виконання їх тіло приймає лише інструкції, як то дві гілки if...else:

if (condition) statement1; // інструкція
else statement2; // інструкція

Якщо застосувати оголошення замість інструкції, це призведе до SyntaxError. Наприклад, оголошення let не є інструкцією, тож його не можна саме по собі використати як тіло інструкції if.

if (condition)
  let i = 0; // SyntaxError: Lexical declaration cannot appear in a single-statement context

З іншого боку, var є інструкцією, тож його можна використовувати саме по собі як тіло if.

if (condition) var i = 0;

Можна зустріти оголошення, що "прив'язують ідентифікатори до значень", й інструкції, що "виконують дії". Факт того, що var є інструкцією, а не оголошенням, є особливим випадком, тому що воно не відповідає звичним правилам лексичної області видимості й може породжувати побічні ефекти – у вигляді створення глобальних змінних, змін до наявних змінних, оголошених за допомогою var, і визначення змінних, що видимі поза своїм блоком (через те, що визначені var змінні не обмежені у своїй області видимості своїм блоком).

Інакший приклад: мітки можуть бути приєднані лише до інструкцій.

label: const a = 1; // SyntaxError: Lexical declaration cannot appear in a single-statement context

[!NOTE] Є історична граматика, котра дозволяє оголошенням функцій мати мітки, але вона була стандартизована лише для відповідності реаліям Вебу.

Щоб це обійти, можна загорнути оголошення в фігурні дужки, тим самим зробивши його частиною інструкції блока.

label: {
  const a = 1;
}
if (condition) {
  let i = 0;
}

Сумісність із браузерами

Дивіться також

• Вирази та оператори