Typescript, вы, возможно, слышали о нем раньше, а теперь хотите узнать о нем больше или просто хотите узнать, как начать с него. Вы пришли в нужное место. Это своего рода учебник, в котором рассказывается, как приступить к работе с Typescript.
Предпосылки
Уметь использовать компьютер и компьютерный терминал (обязательно)
Знание любого языка программирования (обязательно)
Знать JavaScript (необязательно, но рекомендуется)
Что такое TypeScript?
Для тех, кто приходит к этому руководству и не знает, что такое TypeScript, TypeScript - это супернабор JavaScript. Проще говоря, TypeScript - это дополнительный набор функций для JavaScript, объединенный как язык. Как следует из названия, TypeScript добавляет типы в качестве своей основной функции, позволяя более строго перемещать данные, чтобы помочь в разработке. TypeScript, являющийся супернабором JavaScript, также позволяет ему быть совместимым со всем кодом JavaScript и, таким образом, может быть легко интегрирован в любой проект (по большей части).
Как получить TypeScript?
Чтобы установить TypeScript на свой компьютер, нужно выполнить два простых шага.
Сначала загрузите Node.js с помощью npm, если вы еще этого не сделали с: https://nodejs.org/en/.
Во-вторых, при любом запуске терминала
npm install -g typescript
и вуаля, вы знаете, что у вас есть TypeScript.
Как использовать TypeScript?
Хорошо, теперь, когда у вас есть TypeScript, вам действительно нужно его использовать. Здесь в основном будут рассмотрены основы, но я рекомендую посмотреть документацию для получения дополнительной информации о TypeScript.
Чтобы использовать TypeScript, откройте IDE по выбору (рекомендуется VS code) или даже текстовый редактор. Создайте файл с любым именем, на сегодня мы назовем его «демо», а затем сохраните его с типом «.ts» для TypeScript.
В этом файле мы можем написать любой код TypeScript, какой захотим. Как обычно, начнем с простой программы HelloWorld. В вашем файле TypeScript напишите console.log("Hello World!")
.
Теперь, чтобы запустить его. Есть много способов запустить код TypeScript в зависимости от того, для чего вы его используете. Чтобы запустить его из командной строки, просто запустите
npx tsc demo.ts
в терминале в месте нахождения файла (demo.ts переключено на ваше имя файла). Это создаст новый файл в той же папке, что и в JavaScript. Новый файл (demo. js) теперь можно запускать как любой файл JavaScript, запустив node demo.js
.
Если вы хотите пропустить компиляцию в файл JavaScript, вы можете установить ts-node, который будет компилировать и запускать код TypeScript на лету.
Для установки запустите npm install -g ts-node
, затем используйте npx ts-node demo.ts
для запуска вашего кода.
Типы TypeScript
Как указывалось ранее, TypeScript используется для добавления типов, весь остальной синтаксис такой же, как у JavaScript.
Типы объявляются при объявлении переменных. Например, при создании логического isTrue его можно объявить с типом Boolean как таковым.
let isTrue: boolean;
Он также может быть инициализирован, если объявлен как таковой
let isTrue: boolean = true;
если тип не указан, автоматически устанавливается тип инициализированного значения.
let isTrue = true;
В приведенном выше примере для isTrue задан логический тип, поскольку он инициализируется логическим значением.
let isTrue;
Если тип не объявлен и переменная не инициализирована, то по умолчанию переменная будет иметь тип «любой», что означает, что это может быть что угодно. Хотя это разрешено в TypeScript, этого следует избегать, поскольку это лишает язык преимуществ.
Включены основные типы, но не ограничиваются ими:
- логическое: Истина или Ложь
- строка: текст
- число: числовые значения
- Массив: коллекция любого типа
- unknown: используется для неизвестных значений (для правильного использования необходимо добавить в код проверки typeof ())
- Любой: любой тип, назначаемый
- null: нулевое значение
- undefined: неопределенное значение
Для переменной также можно задать множество различных типов с помощью | .
let birthday: string|number|null;
В приведенном выше примере день рождения может быть строкой, числом или нулем.
Функции также могут иметь тип, объявленный для их параметров и их возвращаемых типов.
let myAdd = function (value: number, increase: number): number { return (value + increase); };
Вывод
Теперь, когда у вас есть основы TypeScript, вы можете использовать его вместо JavaScript, поскольку он не отличается от типов. Это чрезвычайно мощный и полезный язык. Надеюсь, этот урок помог. :)
при необходимости код: https://github.com/YoussefZayed/Medium-content/tree/main/TypeScript