Зачем использовать TypeScript?
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 2 из 73.
TypeScript предлагает три основных преимущества, которые делают разработку более безопасной и эффективной.
Раннее обнаружение ошибок: Статическая проверка типов TypeScript выявляет ошибки на этапе разработки, до того как ваш код будет запущен. Это предотвращает появление багов, которые могли бы проявиться только при взаимодействии пользователей с вашим приложением.
Рассмотрим эту распространенную ошибку в JavaScript:
// JavaScript — эта ошибка не будет обнаружена до момента выполнения
function calculateTotal(price, tax) {
return price + tax;
}
calculateTotal("50", 0.1); // Возвращает "500.1" вместо 50.1!С TypeScript эта ошибка обнаруживается немедленно:
// TypeScript - ошибка обнаружена во время разработки
function calculateTotal(price: number, tax: number): number {
return price + tax;
}
calculateTotal("50", 0.1); // Ошибка: Аргумент типа 'string' нельзя назначить параметру типа 'number'Улучшенная читаемость кода: Аннотации типов служат документацией, проясняя, какие данные функции ожидают и возвращают. Это помогает и вам, и вашим коллегам быстрее понимать код.
Улучшенные инструменты разработки: TypeScript обеспечивает превосходное автодополнение, рефакторинг и навигацию в редакторах кода. Ваш редактор точно знает, какие свойства и методы доступны для каждой переменной.
Попробуйте сами
В этом уроке нет задания по программированию.
В этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Онлайн-компилятор JavaScript