0Pricing
TypeScript Academy · Урок

Readonly-массивы и неизменяемые данные

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

«Readonly-массивы и неизменяемые данные» — бесплатный урок TypeScript Academy на CoddyKit. Это урок 2 из 4. Ты можешь прочитать весь урок бесплатно ниже — а потом практиковать его прямо в браузере с встроенным редактором кода и ИИ-репетитором 24/7. Это часть пути обучения TypeScript Academy, и твой прогресс синхронизируется между веб-версией и приложением CoddyKit. Курс TypeScript Academy содержит 4 уроков всего.

Добро пожаловать

Изменяемые массивы можно случайно изменить из любой части кода. ReadonlyArray и модификатор readonly в TypeScript помогают обеспечить неизменяемость.

Модификатор readonly для массивов

Добавьте модификатор `readonly` перед типом массива, чтобы запретить его изменение. Массив можно читать, но нельзя изменять.
const ids: readonly number[] = [1, 2, 3];
// ids.push(4);   // Error
// ids[0] = 99;   // Error
console.log(ids[0]); // OK — reading is fine

Обобщённая форма ReadonlyArray<T>

`ReadonlyArray` — обобщённый эквивалент `readonly T[]`. Обе формы запрещают операции push, pop, splice и присваивание по индексу.
const names: ReadonlyArray<string> = ['Alice', 'Bob'];
// names.push('Charlie'); // Error

Возврат неизменяемых массивов из функций

Возвращайте из функций массивы с модификатором readonly, чтобы сообщить вызывающему коду, что результат не следует изменять.
function getConfig(): readonly string[] {
  return ['host', 'port', 'db'];
}

Неизменяемые параметры функций

Помечайте параметры-массивы как readonly, чтобы функция не могла изменить массив вызывающего кода.
function sum(nums: readonly number[]): number {
  return nums.reduce((a, b) => a + b, 0);
  // nums.push(99); // Error inside function
}

as const для литеральных массивов

Утверждение `as const` делает массив неизменяемым и выводит для него тип кортежа с литеральными типами элементов вместо расширенных типов.
const colors = ['red', 'green', 'blue'] as const;
// type: readonly ['red', 'green', 'blue']
// colors.push('yellow'); // Error

Readonly не обеспечивает глубокую заморозку

readonly запрещает изменять только ссылку на массив. Если его элементы являются объектами, их свойства по-прежнему можно изменять.
const users: readonly { name: string }[] = [{ name: 'Alice' }];
// users.push({}); // Error
users[0].name = 'Bob'; // Allowed — object itself is mutable

Глубокая неизменяемость с Readonly<T>

Для глубокой неизменяемости объектов сочетайте ReadonlyArray с Readonly для элементов. Или используйте библиотеку вроде immer.
type ImmutableUser = Readonly<{ name: string; scores: readonly number[] }>;
const u: ImmutableUser = { name: 'Alice', scores: [90, 85] };
// u.name = 'Bob';       // Error
// u.scores.push(100);  // Error

Присваивание изменяемого и неизменяемого массива

Массив с модификатором readonly нельзя присвоить типу изменяемого массива. Это защищает от случайной передачи неизменяемого массива туда, где ожидается его изменение.
const ro: readonly number[] = [1, 2];
const mutable: number[] = ro; // Error!

Когда использовать неизменяемые массивы

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

Оператор spread создаёт новый изменяемый массив

Разворачивание неизменяемого массива в новый литерал массива создаёт изменяемую копию. Это удобный способ вносить изменения без изменения исходного массива.
const base: readonly number[] = [1, 2, 3];
const extended: number[] = [...base, 4]; // new mutable array

Быстрая проверка

Какая операция НЕ разрешена для `readonly number[]` в TypeScript?

Итоги

Используйте `readonly T[]` или `ReadonlyArray`, чтобы запретить изменение массива. Применяйте `as const` для литеральных массивов-констант. Разворачивание создаёт изменяемую копию, когда необходимо расширить неизменяемый массив.

Часто задаваемые вопросы

Урок «Readonly-массивы и неизменяемые данные» бесплатный?

Да — полный текст урока «Readonly-массивы и неизменяемые данные» бесплатно доступен здесь в веб-версии. Чтобы практиковать его интерактивно (встроенный редактор кода и ИИ-репетитор 24/7) и разблокировать остальной курс TypeScript Academy, подпишись на CoddyKit PRO. Курс TypeScript Academy содержит 4 уроков всего.

Чему я научусь в уроке «Readonly-массивы и неизменяемые данные»?

Используйте ReadonlyArray, чтобы предотвратить случайные изменения. Ты практикуешь TypeScript Academy с помощью реального кода, который запускаешь прямо в браузере, и ИИ-репетитор 24/7 отвечает на твои вопросы во время урока.

Нужен ли мне опыт, чтобы начать TypeScript Academy?

Предыдущий опыт не требуется. TypeScript Academy на CoddyKit структурирован для всех уровней — от новичков до продвинутых, поэтому ты можешь начать отсюда или с самого начала и учиться в своем темпе. Это урок 2 из 4.

Сколько времени занимает урок «Readonly-массивы и неизменяемые данные»?

Большинство уроков CoddyKit занимают около 5–10 минут. Каждый из них компактный и интерактивный, поэтому ты постоянно делаешь прогресс и продолжаешь с того же места в веб-версии и приложении.

Можно ли писать и запускать код в этом уроке TypeScript Academy?

Да. Каждый урок TypeScript Academy включает встроенный редактор кода, поэтому ты пишешь и запускаешь реальный код прямо в браузере и получаешь моментальную обратную связь от AI — локальная установка не требуется.

Все уроки этого курса

  1. Типизированные массивы: T[] и Array
  2. Readonly-массивы и неизменяемые данные
  3. Кортежи: типизированные массивы фиксированной длины
  4. Перечисления: числовые и строковые константы
← Назад к TypeScript Academy