𝗙𝗿𝗼𝗺 𝗭𝗲𝗿𝗼 𝘁𝗼 𝗛𝗲𝗿𝗼 𝗶𝗻 𝗧𝘆𝗽𝗲𝗦𝗰𝗿𝗶𝗽𝘁
TypeScript делает ваш JavaScript-код более безопасным и простым в управлении. Он помогает находить ошибки на ранних этапах.
TypeScript добавляет статическую типизацию в JavaScript. При выполнении он преобразуется в обычный JavaScript.
Основные базовые типы:
- number: для всех чисел
- boolean: true или false
- string: для текста
- symbol: для уникальных идентификаторов
- bigint: для очень больших чисел
Аннотации типов: let name: string = "Alice"; let age: number = 30;
Массивы и объекты: let fruits: string[] = ["apple", "banana"]; let user: { name: string; age: number } = { name: "Bob", age: 25 };
Функции: function greet(name: string): string { return "Hello, " + name; }
Используйте void, если функция ничего не возвращает: function logMessage(): void { console.log("Message sent"); }
Продвинутые инструменты:
- Type Aliases: Создавайте собственные типы.
- Interfaces: Определяйте структуру объектов.
- Enums: Используйте набор именованных констант.
- Tuples: Массивы фиксированной длины с определенными типами.
- Generics: Создавайте переиспользуемый код, работающий с множеством типов.
- Utility Types: Используйте Partial, Pick или Record для модификации типов.
Лучшие практики для вашего рабочего процесса:
- Используйте
typeдля простых псевдонимов и примитивов. - Используйте
interfaceдля описания структуры объектов. - Избегайте использования
any. Это нарушает безопасность вашего кода. - Используйте
unknown, если тип еще не известен. - Позволяйте компилятору выводить типы, когда это очевидно.
- Добавляйте аннотации в ваши API для ясности.
Освоение этих инструментов поможет вам создавать крупные и стабильные приложения.
Источник: https://dev.to/miasalazar/from-zero-to-hero-in-typescript-425j