Объясните оператор "import type" в TypeScript
В TypeScript оператор import используется для импорта переменных, функций, классов и других сущностей, определённых в
других модулях. Однако с введением TypeScript 3.8 появился новый синтаксис import type, который помогает более чётко
указывать, что вы хотите импортировать только типы (а не значения) из модуля.
Что такое import type?
import type позволяет импортировать типы (например, интерфейсы, типы и псевдонимы) из других файлов, и при этом не
будет создана зависимость на значения этого модуля. Это особенно полезно для уменьшения объёма кода и улучшения
производительности при компиляции.
Пример использования
Предположим, у нас есть два файла:
types.ts
export interface User {
name: string;
age: number;
}
app.ts
// Используем import type для импорта только типов
import type {User} from './types';
// Функция, которая принимает объект User
function greet(user: User): string {
return `Hello, ${user.name}. You are ${user.age} years old!`;
}
// Пример использования
const user: User = {name: "Alice", age: 30};
console.log(greet(user));
В этом примере мы использовали import type для того, чтобы импортировать интерфейс User. Это позволяет нам чётко
указать, что мы нуждаемся только в типе, а не в значении. Если бы types.ts содержал функции или переменные, которые
нам не нужны, это исключение может помочь избежать лишней нагрузки на бандл.
В чем преимущества?
Когда использовать?
- Когда вы импортируете только типы и не собираетесь использовать значения из модуля.
- В больших проектах, где может быть множество зависимостей, и вы хотите минимизировать их.
Заключение
Оператор import type — это мощная возможность TypeScript, которая помогает поддерживать код чистым и организованным.
Это особенно полезно в больших проектах, где важно минимизировать зависимости и повысить производительность. Используйте
import type, когда вам нужны только типы, и ваш код станет более эффективным и понятным.