Начало работы с TypeScript

Я продолжу этот блог, предполагая, что вы уже работали с JavaScript. Зная JavaScript, вы легко освоите концепции TypeScript.

За годы своего существования TypeScript приобрел большую популярность.

Кредиты: The State of the Octoverse

Рассмотрим проблемы, с которыми вы можете столкнуться в JavaScript

Давайте начнем с простой проблемы. Допустим, у нас есть объект, который имеет такие свойства.

    const person = {
        name: 'John',
        age: 30,
        hobbies: ['Sports', 'Cooking']
    }

После написания большого количества кода мы захотели получить доступ к свойству этого объекта. Мы забыли, что у объекта нет свойства «LastName», но все равно попытались получить к нему доступ.

    const lastName = person.lastName;

JavaScript не выдаст ошибку, но вернет undefined. Теперь представьте, что переменная проходит через множество уровней функций.
На поиск места ошибки уйдет вся наша конечная жизнь.

Мы можем решить эту проблему с помощью TypeScript.

being able to access a variable not present.
multiple null.

исправляет проблемы JavaScript с типами.

Типы

Типы — это тип данных, которые может хранить переменная. Некоторыми примитивными типами являются: Целое число, Строка и т.д.

Если кто-то работает на C++, C или Java, он знает о типах.

В JavaScript, когда мы объявляем переменную

    let name = 'John';
    const age = 30;

Здесь и в age, и в name могут храниться любые данные. Хотя это может показаться удобным для разработчика в начале, это кошмар во время отладки, если вы введете данные неправильного типа.

Статическая проверка типов

Typescript — это то, что мы называем статической проверкой типов. Он
проверяет ошибки, связанные с типами, до того, как мы запустим наш код.
TypeScript на самом деле не выполняет наш код. Он выполняет эту проверку типов до того, как мы запустим наш код с помощью JavaScript.

После компиляции Typescript компилируется в JavaScript, который может быть выполнен как обычно.

Если мы возьмем приведенный выше пример на TypeScript, то увидим, что компилятор предупреждает нас еще до выполнения нашего кода.

Запуск TypeScript

TypeScript нельзя запустить напрямую через браузер или node. TypeScript компилируется в JavaScript. Для этого мы устанавливаем typescript глобально с помощью npm.

npm i -g typescript

После глобальной установки TypeScript мы получаем доступ к команде tsc.

Мы рассмотрим запуск TypeScript и его многочисленные возможности в следующем блоге.