TypeScript был создан Microsoft в 2011 году и с тех пор пользуется успехом. Многие крупные проекты и корпоративные приложения использовали его во внешнем интерфейсе. TypeScript также взаимозаменяем с JavaScript. Это делает его отличным языком для изучения, если вы уже знаете JavaScript. TypeScript удобен для больших проектов благодаря статической типизации. Статическая типизация позволяет программистам гораздо быстрее обнаруживать ошибки. Часто с ванильным JavaScript ошибки обнаруживаются только во время выполнения. Однако с помощью TypeScript эти ошибки можно отсеять перед запуском кода. Ваши ошибки будут показаны до того, как вы сможете запустить свой код.
Убедитесь сами! Давайте прямо сейчас установим TypeScript. Создайте новый проект и введите в терминал следующее. Вам понадобится копия Node.js в качестве среды для запуска пакета. Затем вы используете диспетчер зависимостей, например npm, чтобы загрузить TypeScript.
npm install typescript -g
Теперь, когда вы установили typescript, создайте файл с именем hello.ts, как только вы это сделаете, вставьте этот код в файл.
export {};
var text = "Hello World"
var anExampleVariable = (text: string) => {
return text
}
console.log(anExampleVariable(text))
Теперь, когда этот код введен, мы попытаемся запустить его, чтобы увидеть, сможем ли мы заставить терминал выводить «Hello World». Обычно с javascript мы обычно вводим это в терминал
node hello.js
Однако с TypeScript нам нужно ввести это, чтобы запустить наш код
tsc hello.ts
После запуска этого скрипта вы заметите кое-что интересное, создается почти идентичный файл. Единственная разница в том, что это файл .js, а не файл .ts. Это связано с тем, что TypeScript - это надмножество JavaScript. Другое отличие состоит в том, что функция не указывает тип передаваемой переменной. В файле TypeScript он устанавливает, что текст является строкой, а в файле JavaScript - нет. Это одно из преимуществ, предоставляемых TypeScript, поскольку теперь мы можем объявлять типы, передавая такую переменную. Если теперь вы измените текст переменной на число и запустите код, вы получите следующую ошибку.
hello.ts:7:31 - error TS2345: Argument of type 'number' is not assignable to parameter of type 'string'. 7 console.log(anExampleVariable(text))
Чтобы закончить и увидеть на вашей консоли сообщение «Hello World», убедитесь, что вы изменили текст переменной обратно на строку и запустите
node hello.js
Конечно, TypeScript может предложить гораздо больше, но это должен быть хороший способ получить представление о TypeScript, прежде чем заниматься тем, что еще есть. Следите за новостями, чтобы увидеть больше статей в будущем, когда я углублюсь в TypeScript.
