TypeScript - let и const: Пособие для начинающих
Здравствуйте, будущий супергерой кодирования! Сегодня мы окунемся в захватывающий мир TypeScript и рассмотрим два fundamental concepts: 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) | |
Для ссылок на объекты и массивы, которые не будут перезатерты |
Лучшая практика и подсказки
-
По умолчанию использовать
const
: Начинайте использоватьconst
для всех ваших переменных. Переходите кlet
, только если вам нужно перезатереть переменную. -
Используйте описательные имена: Используйте ясные, описательные имена для ваших переменных. Например,
userAge
лучше, чем простоa
. -
Капитализируйте константы: Для true констант (например, PI), используйте имена с заглавными буквами и underscores:
const MAX_ARRAY_LENGTH = 100;
. -
Будьте последовательны: Если вы работаете в команде, следуйте правилам команды для использования
let
иconst
.
Заключение
Поздравляю! Вы только что сделали свои первые шаги в мир переменных TypeScript. Помните, что let
- ваш гибкий друг, который позволяет перезатирать, в то время как const
- ваш верный спутник для значений, которые не должны изменяться.
Пока вы продолжаете свое кодирование, вы обнаружите, что используете эти ключевые слова постоянно. Не волнуйтесь, если это покажется вам немного запутанным сначала - с практикой это станет второй натурой.
Продолжайте кодировать, stay curious, и помните: каждый expert был когда-то начинающим. Счастливого кодирования в TypeScript!
Credits: Image by storyset