Змінні в JavaScript: що і як

Що таке змінна?

Змінна — це комірка для значення. Типи даних: число, рядок (string), булевий (boolean) тощо. Далі — про типи оголошення змінних.

Підключення зовнішнього скрипта

Винесіть код у файл і підключіть через атрибут src. Перевірте шлях і оновіть сторінку, якщо в консолі нічого не з’явилось.

<script src="./main.js"></script>

console.log('OK');

Оголошення та ініціалізація

Окремо:

let a; a = 'Hello';

В один рядок:

let a = 'Hello';

let vs var

let має блочну область видимості (видима лише всередині фігурних дужок). var ігнорує блоки (окрім функцій) і доступний ширше — це джерело помилок. У сучасному коді var не використовуємо.

{ let x = 'inside'; var y = 'also inside'; } console.log(y); // 'also inside' console.log(x); // Error

const

const — константа (незмінне посилання). Прийнято писати «справжні константи» великими літерами.

const PI = 3.14; console.log(PI); PI = 123; // Error

Зміна значення змінної

Для let — можна перевизначати значення:

let msg = 'початкове'; console.log(msg); msg = 'оновлене'; console.log(msg);

Правила іменування

Використовуйте латиницю, цифри, підкреслення _ та знак долара $. Не починайте з цифри, без пробілів і спецсимволів, кирилицю не застосовуємо. Для змінних — camelCase, для констант — за потреби UPPER_SNAKE_CASE.

Підсумок

Використовуйте let і const. let — змінюване значення, видимість — блок. const — незмінне посилання, також блочна видимість. var — застаріло.