Кортежи readonly
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy — урок 18 из 73.
Точно так же, как вы можете сделать массивы неизменяемыми с помощью модификатора readonly, TypeScript позволяет создавать readonly кортежи, которые нельзя изменить после инициализации. Это дает те же преимущества неизменяемости для структурированных данных фиксированной длины.
Когда вы добавляете readonly перед типом кортежа, TypeScript предотвращает любые изменения элементов кортежа.
Это означает, что вы не можете переназначать значения в определенных позициях или использовать методы, которые изменили бы содержимое кортежа:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];Модификатор readonly особенно полезен для кортежей, так как они часто представляют важные структурированные данные, такие как координаты, значения цветов RGB или записи базы данных, которые не должны изменяться после создания.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Задание
ЛегкоСоздайте кортеж только для чтения (readonly tuple) с именем startPoint, который представляет собой 2D-точку с двумя числами (координаты x и y). Инициализируйте его значениями 0 и 0.
Создайте еще один кортеж только для чтения с именем colorRGB, который представляет собой значение цвета RGB с тремя числами (красный, зеленый, синий). Инициализируйте его значениями 255, 128 и 64.
Создайте третий кортеж только для чтения с именем userRecord, который содержит число (ID пользователя), строку (имя пользователя) и логическое значение (статус активности). Инициализируйте его значениями 42, "admin" и true.
Выведите все три кортежа только для чтения в консоль на отдельных строках в том порядке, в котором они были созданы.
Шпаргалка
Создавайте кортежи только для чтения, используя модификатор readonly перед типом кортежа, чтобы предотвратить изменения после инициализации:
let point: readonly [number, number] = [10, 20];
let coordinates: readonly [string, number, number] = ["A", 5, 15];
Кортежи только для чтения полезны для структурированных данных, таких как координаты, значения RGB или записи базы данных, которые не должны изменяться после создания.
Попробуйте сами
// TODO: Напишите свой код здесь
// Создайте кортежи только для чтения, как описано в задании
// Выведите все три кортежаВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций
2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежи