Поражены тем, что вы видите выше!? Потому что я точно был, когда я впервые использовал его.
Приведенный выше пример — это всего лишь краткий обзор того, что можно сделать с помощью TypeScript.
Что такое TypeScript?
Давайте сначала посмотрим на книжное определение:
TypeScript — это строго типизированный надмножество JavaScript, которое компилируется в обычный JavaScript. Вы можете использовать этот язык для разработки JavaScript в масштабе приложения.
Это означает, что весь действительный код JavaScript является действительным кодом Typescript.
«Typescript строго/строго типизирован» — это означает, что типы данных имеют значение в TypeScript, и рекомендуется назначать тип данных/тип каждой переменной.
Код TypeScript далее компилируется в код JavaScript.
Типы данных в TypeScript
Мы видим, как мы объявляем разные типы данных в TypeScript. Это помогает поддерживать согласованность типов данных для определенных переменных в коде.
Другими словами, мы не можем присвоить строковое значение типу числу.
Перечисления в TypeScript
Чтобы создать значения, которые встречаются несколько раз, мы используем Enums.
Если мы не используем Enums, код выглядит так:
С Enums это выглядит так:
Если мы перенесем приведенный выше код TypeScript в JavaScript, мы получим следующее:
Нет необходимости помнить, как написать это на JavaScript. Это всего лишь пример, показывающий, насколько мощным может быть TypeScript. (реализация перечисленийв JavaScript)
Утверждения типа
В TypeScript утверждения типа помогают нам узнать тип переменной и дают нам IntelliSense для атрибутов переменной.
Интерфейсы в TS
Предоставление утверждений типа в параметрах может быть изрядным процессом при написании кода на TypeScript.
Вместо этого вы можете сделать это, чтобы написать более чистый код.
Преимущества
Очистка кода
Код легко очистить, просто щелкнув правой кнопкой мыши.
Компилятор отлавливает ошибки при наборе текста
В JavaScript типы данных переменных не так важны и могут привести к тому, что вывод будет не таким, как ожидалось.
Например :
В приведенном выше скрипте обе строки действительны, где вывод будет следовать схеме:
- число + число = число
- строка + число = строка
Вывод выглядит примерно так:
В то время как в TypeScript мы можем определить тип данных, который должна принимать конкретная функция. Обратите внимание на изображение ниже:
Как вы можете видеть выше, первый параметр вызывал ошибку, просто набрав его.
Это делает наш код согласованным во всем проекте и предотвращает уязвимости.
TypeScript — это гораздо больше, чем описано в этом блоге.
Некоторые полезные ресурсы:
Документы — https://www.typescriptlang.org/docs/handbook/intro.html
YouTube — Брэд Траверси, Мош ииБен Авад
Быстрый старт
Предварительные требования: node, npm и typescript
Установить машинопись:
npm i -g typescript
Начните программировать на TypeScript с расширением файла .ts.
Компилировать:
tsc имя_файла.ts
Чтобы запустить сгенерированный файл:
имя файла узла.js
Я надеюсь, что этот блог был полезен и вдохновил вас на ваш следующий проект на TypeScript!
Чтобы связаться с GDSC, подпишитесь на учетные записи в социальных сетях и никогда не пропустите обновления:
Веб-сайт | Instagram | ЛинкедИн | Фейсбук | YouTube
GitHub | Твиттер | Дискорд инвайт | Группа WhatsApp
Чтобы попасть на страницу GDSC Medium, отправьте электронное письмо по адресу:[email protected]
Свяжитесь со мной здесь:
LinkedIn | Инстаграм | Гитхаб | Твиттер | Средний
