Typescript - это надмножество Javascript, что означает, что это Javascript, но с расширенными функциями. Фактически, некоторые части Typescript, такие как стрелочная функция, уже были добавлены в ES6. TypeScript полезен не только для выявления ошибок, но и в языке Angular.
Надежный ввод
Объявляя переменную, вы также называете ее конкретный тип. В Typescript, если вы попытаетесь присвоить один тип переменной другому типу, вы получите сообщение об ошибке. Когда код написан на Javascript, эта ошибка исчезнет, но может привести к появлению беспорядочного и проблемного кода. Если вы хотите выявлять ошибки на раннем этапе и избегать ошибок в будущем, в Typescript вы можете объявить свои переменные с таким типом, как:
пусть carType: строка;
carType = ›строка
Если вы попытаетесь переназначить переменную carType как число, вы получите ошибку в Typescript.
Вы также можете указать тип переменной при передаче переменной в функцию:
функция addNumbers (число1: число, число2: число) {
пусть сумма = сумма1 + число2;
сумма возврата;
}
Эта функция теперь не позволяет передавать ничего, кроме чисел, что полезно, если вы суммируете две переменные. Кроме того, если прогнозируется появление ошибок во время выполнения, если вы попытаетесь преобразовать код в Javascript, он покажет вам, что ожидается ошибка, и, как правило, даст вам хорошее представление о том, что это за ошибка! Это удобно. Представьте, что мы смогли присвоить num1 как строку. Код в Javascript не сломается, но он объединится в строку, что вряд ли является тем результатом, который мы хотим!
Интерфейсы и классы
Может использоваться для указания типов данных для значений объектов, которые предназначены для использования в качестве параметров функции. Имена интерфейсов всегда пишутся с заглавной буквы и фиксируют тип данных для каждого значения.
interface Vegetables = {
тип: строка,
калории: количество,
бобовое: логическое
}
Теперь, когда создается новый овощной объект, тип каждого ключа должен совпадать.
let пастернак: Vegetables = {
тип: «корень»,
калорий: 30,
бобовые: ложные
}
Теперь объект пастернака можно безопасно передать в нашу функцию обеда:
функциональный обед (овощи, фрукты) {
пусть totalCalories = овощи [калории] + фрукты [калории];
return totalCalories;
}
Помимо интерфейсов, вы также можете создавать классы и объявлять переменные, чтобы иметь тип класса:
class Triangle {
‹методы (функции, принадлежащие этому классу) и поля для класса находятся здесь›
}
пусть равносторонний: Треугольник = новый Треугольник (сторона1, сторона2, сторона3); (на самом деле нам не нужно сильно печатать this)
Конечно, это также приводит к тому, что равносторонний объект создается как экземпляр Triangle.
При создании конструктора для Triangle также можно использовать строгую типизацию, а также сделать параметры необязательными, добавив «?».
конструктор (сторона1 ?: число, сторона2 ?: число, сторона3: число) {
this.side1 = side1
this.side2 = side2
this.side3 = side3
}
Для автоматической установки сторон при инициализации вы также можете добавить модификаторы private или public:
конструктор (закрытая сторона1 ?: число, закрытая сторона2 ?: число, закрытая сторона3: число) {}
Заинтересованы? Вот как получить Typescript?
Typescript - действительно отличное расширение Javascript. Если вы хотите установить его, вы можете сделать это в терминале с помощью:
sudo npm install -g typescript (для Mac или без sudo для ПК)
Его очень легко скомпилировать в Javascript. Все, что вам нужно сделать, это ввести tsc, затем файл, который вы хотите преобразовать в Javascript, а затем создать файл Javascript в том же каталоге:
tsc main.ts
= ›Main.js
Оттуда вы можете использовать текстовый редактор по вашему выбору и код!