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

Оттуда вы можете использовать текстовый редактор по вашему выбору и код!