JavaScript повсюду. JavaScript был разработан NetScape Communications в первые годы существования Интернета. После выпуска браузера Mosaic компания NetScape осознала, что веб должен быть более динамичным. Поэтому они создали JavaScript, ранее известный как LiveScript.
TypeScript — это надмножество JavaScript, разработанное и поддерживаемое Microsoft. Microsoft разработала TypeScript, чтобы преодолеть недостатки JavaScript. Первая версия TypeScript была выпущена 1 октября 2012 года.
Поскольку проблемы с поддержкой сложного кода JavaScript стали помехой для разработчиков, Microsoft предложила идею TypeScript. TypeScript предназначен для помощи в разработке крупномасштабных приложений. Как мы уже говорили ранее, TypeScript — это надмножество JavaScript, код, который мы пишем на TypeScript, транскомпилируется в JavaScript компилятором TypeScript. TypeScript можно установить через NPM (менеджер пакетов узлов).
npm установить -g машинопись
Теперь давайте посмотрим, как мы можем написать Hello World на JavaScript:
функция сказать привет (человек) {
Сообщить("Здравствуйте, " + человек);
}
var user = «Джон Самуэль»;
сказать привет (пользователь);
Давайте сохраним этот файл как HelloWorld.js. Это только для справки.
Теперь напишем тот же код на TypeScript:
функция sayHello (человек: строка) {
Сообщить("Здравствуйте, " + человек);
}
var user = «Джон Самуэль»;
сказать привет (пользователь);
Теперь сохраните этот файл как HelloWorldTypeScript.ts. Теперь нам нужно скомпилировать этот файл.
tsc HelloWorldTypeScript.ts
После выполнения вышеуказанной команды мы получим файл HelloWorldTypeScript.js.
Если вы проверите содержимое этого файла, оно будет таким же, как файл HelloWorld.js, который мы создали первым. Так в чем же разница? Разница в том, что TypeScript предлагает множество мощных функций, которых нет в JavaScript. Одну такую особенность мы уже видели. Это называется аннотацией типа. Мы указали, что параметр sayHello функционирует как строка. Если мы передадим любой другой тип, компилятор выдаст ошибку при компиляции. Это чрезвычайно полезная функция при разработке крупномасштабных приложений.
Помимо упомянутого выше, TypeScript предлагает множество интересных новых функций.
- Наследование
- Переопределение
- Найти недостижимый код
- Перечисления строк
- Необнуляемый тип
- Анализ типов на основе потока управления
- Доступные только для чтения свойства и подписи индексов
- Сокращенные объявления внешних модулей и сопоставление подстановочных знаков в именах модулей
- Поддержка частных и защищенных конструкторов
- Поддержка абстрактных свойств
Теперь, когда мы узнали основное различие между JavaScript и TypeScript и то, как его транспилировать, мы понимаем, что будущее TypeScript многообещающе.
