Переменные и базовый синтаксис

Урок: Переменные и базовый синтаксис

Введение

Когда мы начинаем писать программы, довольно быстро возникает потребность что-то «запоминать». Например, имя пользователя, его возраст, результат вычисления или текст сообщения. Представь обычную ситуацию: пользователь вводит своё имя, и сайт должен с ним поздороваться. Чтобы это сделать, программе нужно где-то сохранить это имя, а затем использовать.

Именно здесь появляются переменные.

Переменные — это способ дать имя некоторому значению и затем обращаться к нему в коде. Это похоже на коробки с подписями: ты кладёшь внутрь данные и потом используешь их по имени коробки.

Но одних переменных недостаточно. Чтобы программа вообще могла выполняться, нужен базовый синтаксис — набор правил, по которым пишется код. Это как грамматика в языке: если её не соблюдать, программа просто не запустится.

В этом уроке мы разберём, как объявляются переменные, как с ними работать и какие базовые правила синтаксиса нужно понимать с самого начала.

Как появляются переменные в коде

Начнём с самого простого примера:

let name = 'Stepan';
console.log(name);

Здесь происходит сразу несколько вещей.

Слово let сообщает JavaScript, что мы создаём переменную. name — это имя переменной. "Stepan" — значение, которое мы в неё записываем.

Знак = в данном случае не означает «равно» в математическом смысле. Он означает «присвоить». То есть мы говорим: «положи значение "Stepan" в переменную name».

После этого переменную можно использовать (каждый блок в теории выполняется отдельно, поэтому объявление снова внутри примера):

let name = 'Stepan';
console.log(name);

В результате в консоли появится строка Stepan.

Важно понять идею: переменная — это не само значение, а ссылка на него. Мы можем использовать её в разных частях программы, не дублируя данные.

let, const и почему их несколько

В современном JavaScript есть несколько способов объявлять переменные. Чаще всего используются let и const.

Рассмотрим пример:

let age = 25;
age = 26;

Сначала мы создаём переменную age и записываем в неё значение 25. Затем мы меняем значение на 26. Это допустимо, потому что let позволяет изменять значение.

Теперь другой пример:

const name = "Stepan";
name = "Ivan";

Этот код вызовет ошибку. Причина в том, что const создаёт переменную, значение которой нельзя переопределить.

То есть:

  • let — когда значение может изменяться;
  • const — когда значение должно оставаться неизменным.

На практике это помогает писать более предсказуемый код. Если ты знаешь, что значение не должно меняться, лучше использовать const.

Как устроен базовый синтаксис JavaScript

JavaScript — это язык с чёткими правилами записи. Даже простая строка кода должна быть оформлена правильно.

Рассмотрим пример:

let message = "Привет";
console.log(message);

Здесь каждая строка — это отдельная инструкция. Такие инструкции называются выражениями или операторами.

Точка с запятой в конце строки технически не всегда обязательна, но её использование считается хорошей практикой, потому что делает код более понятным и предсказуемым.

Обрати внимание на структуру:

  • сначала объявление переменной,
  • затем использование этой переменной.

Если поменять порядок, код не будет работать:

console.log(message);
let message = "Привет";

В этом случае возникнет ошибка, потому что переменная ещё не была объявлена на момент использования.

Имена переменных и правила записи

Имя переменной выбирается разработчиком, но есть определённые правила.

Например:

let userName = 'Alex';
let totalPrice = 100;
console.log('userName =', userName, ', totalPrice =', totalPrice);

Такие имена читаются как «имя пользователя» и «общая цена». Это не случайно — хороший код должен быть понятным.

Есть несколько важных ограничений:

  • имя не должно начинаться с цифры;
  • нельзя использовать зарезервированные слова (например, let, if, function);
  • имена чувствительны к регистру (name и Name — это разные переменные).

Часто используется стиль camelCase, когда каждое новое слово начинается с большой буквы, кроме первого.

Работа с переменными в выражениях

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

let a = 5;
let b = 3;
let result = a + b;

console.log(result);

Здесь:

  • создаются две переменные a и b,
  • затем их значения складываются,
  • результат записывается в новую переменную result.

В консоль будет выведено число 8.

Это демонстрирует важную идею: переменные можно комбинировать, передавать друг другу значения и строить на их основе логику программы.

Переменные и строки

JavaScript часто работает с текстом. Посмотрим пример:

let name = "Stepan";
let greeting = "Привет, " + name;

console.log(greeting);

Здесь происходит объединение строк. Оператор + используется не только для чисел, но и для соединения текста.

В результате получится строка: Привет, Stepan.

Это один из самых частых сценариев: формирование сообщений на основе данных пользователя.

Где это используется на практике

Переменные используются буквально в каждой программе. Без них невозможно хранить состояние, обрабатывать данные или взаимодействовать с пользователем.

Когда пользователь вводит данные в форму, они сохраняются в переменные. Когда приложение делает запрос на сервер, результат также записывается в переменные. Когда происходит вычисление — промежуточные значения тоже хранятся в них.

Даже самые простые интерфейсы, вроде кнопки или счётчика, внутри опираются на переменные.

Базовый синтаксис при этом играет роль «фундамента». Если не понимать, как правильно объявлять переменные и записывать выражения, дальнейшее изучение языка становится затруднительным.

Итоговое понимание

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

Ключевая идея не в том, чтобы просто объявить переменную, а в том, чтобы управлять данными: создавать их, изменять и использовать в вычислениях и логике.

Базовый синтаксис — это правила, по которым строится код. Они определяют, в каком порядке выполняются действия и как JavaScript понимает написанное.

Если представить программу как процесс мышления, то переменные — это память, а синтаксис — это язык, на котором это мышление записывается.