Переменные в 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 — устарело.