0Pricing
TypeScript Academy · Урок

Что TypeScript добавляет в JavaScript

Узнайте, как TypeScript расширяет JavaScript статической типизацией.

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

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

TypeScript — это надмножество JavaScript, добавляющее статические аннотации типов. В этом уроке вы узнаете, что именно TypeScript добавляет поверх обычного JavaScript.

TypeScript — это надмножество

Каждый допустимый файл JavaScript является допустимым файлом TypeScript. Вы можете переименовать файл .js в файл .ts, и он скомпилируется. TypeScript лишь добавляет возможности и никогда не удаляет синтаксис JavaScript.

Аннотации типов

Самое заметное дополнение — аннотации типов. Вы объявляете тип переменной, параметра или возвращаемого значения после двоеточия.
let name: string = 'Alice';
let age: number = 30;
let active: boolean = true;

Проверка типов во время компиляции

TypeScript проверяет типы до запуска кода. Если вы присваиваете значение неправильного типа, компилятор сообщает об ошибке, а не допускает сбой во время выполнения.
let count: number = 5;
count = 'hello'; // Error: Type 'string' is not assignable to type 'number'

Интерфейсы и псевдонимы типов

TypeScript добавляет интерфейсы и псевдонимы типов для описания структуры объектов. Они существуют только во время компиляции и не создают вывода JavaScript.
interface User {
  name: string;
  age: number;
}

const alice: User = { name: 'Alice', age: 30 };

Перечисления

Перечисления позволяют определить набор именованных констант. В отличие от интерфейсов, перечисления действительно создают код JavaScript.
enum Direction { Up, Down, Left, Right }
const move: Direction = Direction.Up;

Обобщения

Обобщения позволяют писать код, работающий с любым типом, сохраняя при этом безопасность типов. Это важная возможность TypeScript для создания повторно используемых вспомогательных средств.
function identity<T>(value: T): T {
  return value;
}
const n = identity<number>(42);

Модификаторы доступа в классах

TypeScript добавляет к классам открытые, закрытые и защищённые модификаторы. В JavaScript для закрытых элементов используется синтаксис #, а модификаторы TypeScript проверяются во время компиляции.
class BankAccount {
  private balance: number = 0;
  deposit(amount: number) { this.balance += amount; }
}

Типы, не допускающие null и undefined

Если параметр strictNullChecks имеет значение enabled, null и undefined больше нельзя автоматически присваивать каждому типу. Вы должны явно разрешить их с помощью объединённых типов.
let name: string = null; // Error with strictNullChecks
let maybeName: string | null = null; // OK

TypeScript удаляет типы во время выполнения

Все аннотации типов TypeScript удаляются во время компиляции. Результатом становится обычный JavaScript — во время выполнения информация о типах отсутствует.

Улучшенные инструменты среды разработки

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

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

Что происходит с аннотациями типов TypeScript при компиляции кода?

Повторение

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

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

Урок «Что TypeScript добавляет в JavaScript» бесплатный?

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

Чему я научусь в уроке «Что TypeScript добавляет в JavaScript»?

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

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

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

Сколько времени занимает урок «Что TypeScript добавляет в JavaScript»?

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

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

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

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

  1. Проблемные места JavaScript: ошибки во время выполнения
  2. Что TypeScript добавляет в JavaScript
  3. Компиляция TypeScript в JavaScript
  4. Когда использовать TypeScript в проектах
← Назад к TypeScript Academy