Как работает JavaScript: переменные и типы данных

Что такое JavaScript

JavaScript — язык программирования, который делает веб-страницы интерактивными. HTML отвечает за содержимое страницы, CSS — за внешний вид, а JavaScript — за поведение: что произойдёт, когда вы нажмёте кнопку, введёте текст или прокрутите страницу.

Браузер загружает код вместе со страницей и выполняет его прямо на компьютере пользователя. А благодаря платформе Node.js на JavaScript пишут и серверы — то есть один язык работает по обе стороны сайта.

Где запускать код

Ничего устанавливать не нужно: в каждом браузере есть консоль.

1. Откройте любую страницу и нажмите F12 (на Mac — Cmd+Option+I).
2. Перейдите на вкладку Console.
3. Введите код и нажмите Enter. Чтобы перейти на новую строку, не запуская код, нажмите Shift+Enter.

Первая команда:

console.log("Привет, мир!");
console.log(2 + 3);

console.log() выводит значение в консоль — это главный способ посмотреть, что происходит в программе. Точку с запятой в конце строки ставить принято: она обозначает конец команды.

Переменные: let и const

Переменная — это имя, под которым хранится значение.

const name = "Анна";
let age = 25;

age = 26;          // let можно переприсвоить
console.log(name, age);   // Анна 26

• const — значение нельзя заменить другим. Попытка name = "Иван" вызовет ошибку.
• let — значение можно менять.

Правило, которому следуют разработчики: по умолчанию пишите const, а let — только когда переменная действительно будет меняться. Так код проще читать: сразу видно, что меняется, а что нет.

В старом коде вы встретите ещё var — это устаревший способ, у него неочевидное поведение. В новом коде его не используют.

Имена переменных в JavaScript принято писать в стиле camelCase: слова слитно, каждое следующее с заглавной буквы — userName, totalPrice.

Типы данных

Есть ещё объекты и массивы — о них уроки 6 и 8.

Узнать тип помогает оператор typeof:

console.log(typeof 42);       // "number"
console.log(typeof "42");     // "string"
console.log(typeof true);     // "boolean"

let city;
console.log(city);            // undefined

В отличие от некоторых языков, в JavaScript нет отдельного типа для целых и дробных чисел: 42 и 3.14 — оба number.

const userName = "Анна";
let doneTasks = 3;

doneTasks = doneTasks + 1;
console.log(userName, doneTasks);   // Анна 4
console.log(typeof userName);       // "string"
console.log(typeof doneTasks);      // "number"