TypeScript - let и const: Пособие для начинающих

Здравствуйте, будущий супергерой кодирования! Сегодня мы окунемся в захватывающий мир TypeScript и рассмотрим два fundamental concepts: let и const. Не волнуйтесь, если вы никогда не писали ни строчки кода - я буду вашим доброжелательным проводником в этом приключении.

TypeScript - let & const

Понимание переменных: Основы программирования

Прежде чем мы перейдем к let и const, давайте поговорим о переменных. Представьте, что вы планируете день рождения. Вам нужно следить за такими вещами, как количество гостей, вкус торта и тема праздника. В программировании мы используем переменные для хранения и управления подобной информацией.

Переменные resemble labeled boxes, в которые мы можем положить разные типы данных. Мы можем изменять содержимое этих коробок (значение переменной) по мере выполнения нашей программы.

Теперь давайте рассмотрим, как TypeScript предоставляет нам два специальных способа создания этих коробок: let и const.

Объявление переменной с использованием ключевого слова let

Что такое let?

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

Как использовать let

Давайте рассмотрим несколько примеров:

let age = 25;
console.log(age); // Вывод: 25

age = 26;
console.log(age); // Вывод: 26

let name = "Alice";
console.log(name); // Вывод: Alice

name = "Bob";
console.log(name); // Вывод: Bob

В этом примере мы сначала объявляем переменную age и устанавливаем ее в 25. Позже мы изменяем ее на 26. Точно так же мы объявляем name как "Alice" и затем изменяем ее на "Bob". Ключевое слово let позволяет нам перезатирать эти переменные.

Блочный scope

Одна важная особенность let - это блочный scope. Это означает, что переменная, объявленная с использованием let, доступна только в блоке, в котором она объявлена. Блок обычно определяется фигурными скобками {}.

if (true) {
let secretCode = 1234;
console.log(secretCode); // Вывод: 1234
}
console.log(secretCode); // Ошибка: secretCode не определен

В этом примере secretCode доступен только внутри блока if. Попытка использовать его вне блока приводит к ошибке.

Объявление переменной с использованием ключевого слова const

Что такое const?

Ключевое слово const используется для объявления переменных, которые нельзя перезатирать после их инициализации. Представьте это как запечатанную коробку -_once вы положите что-то внутрь, вы не можете изменить это.

Как использовать const

Давайте рассмотрим несколько примеров:

const PI = 3.14159;
console.log(PI); // Вывод: 3.14159

PI = 3.14; // Ошибка: Невозможно присвоить значение 'PI', так как это константа.

const DAYS_IN_WEEK = 7;
console.log(DAYS_IN_WEEK); // Вывод: 7

В этих примерах мы объявляем константы для PI и количества дней в неделе. Если мы пытаемся перезатереть новое значение PI, TypeScript выбросит ошибку.

const с объектами и массивами

Важно отметить, что although const предотвращает перезатирание, он не делает само значение неудаляемым. Это особенно актуально для объектов и массивов:

const person = {
name: "Charlie",
age: 30
};

person.age = 31; // Это разрешено
console.log(person); // Вывод: { name: "Charlie", age: 31 }

person = { name: "David", age: 25 }; // Ошибка: Невозможно присвоить значение 'person', так как это константа.

В этом примере мы можем изменять свойства объекта person, но мы не можем перезатереть person на全新的 объект.

Когда использовать let против const

Вот quick guide по использованию каждого:

Ключевое слово Сценарий использования
let Когда вам нужно перезатереть переменную позже
Для счетчиков циклов
Когда значение может измениться в зависимости от условий
const Для значений, которые не должны быть перезатерты
Для объявления констант (например, PI)
Для ссылок на объекты и массивы, которые не будут перезатерты

Лучшая практика и подсказки

  1. По умолчанию использовать const: Начинайте использовать const для всех ваших переменных. Переходите к let, только если вам нужно перезатереть переменную.

  2. Используйте описательные имена: Используйте ясные, описательные имена для ваших переменных. Например, userAge лучше, чем просто a.

  3. Капитализируйте константы: Для true констант (например, PI), используйте имена с заглавными буквами и underscores: const MAX_ARRAY_LENGTH = 100;.

  4. Будьте последовательны: Если вы работаете в команде, следуйте правилам команды для использования let и const.

Заключение

Поздравляю! Вы только что сделали свои первые шаги в мир переменных TypeScript. Помните, что let - ваш гибкий друг, который позволяет перезатирать, в то время как const - ваш верный спутник для значений, которые не должны изменяться.

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

Продолжайте кодировать, stay curious, и помните: каждый expert был когда-то начинающим. Счастливого кодирования в TypeScript!

Credits: Image by storyset