Ваш первый код на TypeScript
Часть раздела Введение в TypeScript путешествия по JavaScript на Coddy. Урок 3 из 73.
Пришло время написать ваш первый код на TypeScript! Ключевое отличие TypeScript от JavaScript заключается в возможности добавлять аннотации типов к вашим переменным.
Аннотация типа сообщает TypeScript, какие именно данные должна содержать переменная. Синтаксис прост: вы добавляете двоеточие, а затем имя типа после имени переменной.
let variableName: type = value;Например, чтобы создать переменную, которая может содержать только текст (строки), вы напишете:
let message: string = "Hello, World!";Часть : string является аннотацией типа. Она явно указывает TypeScript, что message должна содержать только строковые значения.
Если вы попытаетесь присвоить этой переменной число или любой другой тип позже, TypeScript обнаружит ошибку до того, как ваш код будет запущен.
Эта явная типизация — именно то, что делает TypeScript таким мощным инструментом для раннего обнаружения ошибок и повышения предсказуемости вашего кода.
Задание
ЛегкоСоздайте переменную с именем greeting с явной аннотацией типа string и присвойте ей значение "Hello, TypeScript!".
Затем выведите переменную в консоль с помощью console.log().
Попробуйте сами
// TODO: Напишите ваш код здесьВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Введение в TypeScript
1Начало работы с TS
Что такое TypeScript?Зачем использовать TypeScript?Ваш первый код на TypeScriptПроцесс компиляции и ошибкиИтоги: Введение в TS4Работа с функциями
Типизация параметров и возвращаемых значенийТипизация стрелочных функцийТип возвращаемого значения 'void'Необязательные параметры с '?'Значения параметров по умолчаниюТипизация Rest-параметровОпределение типов функцийИтоги: Создание типизированных функций2Основные типы
Базовые типы: str, num, booleanТип 'any': лазейкаТип 'unknown'Работа с 'null' и 'undef'Вывод типов в действииЯвные аннотации типовИтоги: Практика по основным типам5Типы: псевдонимы, объединения и пересечения
Псевдонимы типов для примитивовТипы объединения ('|')Работа с типами объединенияЛитеральные типыТипы пересечения ('&')Комбинирование псевдонимов типовИтоги: продвинутые комбинации типов3Структуры данных: массивы и кортежи
Типизированные массивыМодификатор 'readonly' для массивовЧто такое кортеж?Объявление кортежей и доступ к нимДеструктуризация кортежейКортежи readonlyМногомерные типизированные массивыОператор spread с массивамиИтоги: массивы и кортежиПотренируйтесь самостоятельно: Песочница TypeScript