Основные типы данных TypeScript

В этом руководстве вы узнаете об основных типах данных TypeScript и их назначении.

Что такое тип в TypeScript?

В TypeScript тип — это удобный способ ссылаться на различные свойства и функции, которые имеет значение.

Значение — это все, что вы можете присвоить переменной, например, число, строку, массив, объект и функцию.

См. следующее значение:

'Hello'

Глядя на это значение, можно сказать, что это строка. И это значение имеет свойства и методы, которые есть у строки.

Например, значение 'Hello' имеет свойство length , которое возвращает количество символов:

 console.log('Hello'.length); // 5

Оно также имеет множество методов, таких как match() , indexOf() и toLocaleUpperCase() . Например:

console.log('Hello'.toLocaleUpperCase()); // HELLO

Если посмотреть на значение 'Hello' и описать его перечислением свойств и методов, то будет неудобно.

Более короткий способ сослаться на значение — присвоить ему тип. В этом примере вы говорите, что 'Hello' является строкой. Вы знаете, что можете использовать свойства и методы строки для значения 'Hello' .

В заключение в TypeScript:

• тип — это метка, описывающая различные свойства и методы, которыми обладает значение.
• каждое значение имеет тип.

Типы в TypeScript

TypeScript наследует встроенные типы от JavaScript. Типы TypeScript подразделяются на:

• Примитивные типы
• Типы объектов

Примитивные типы

Ниже показаны примитивные типы в TypeScript:

Типы объектов

Типы объектов — это функции, массивы, классы и т. д. Позже вы узнаете, как создавать собственные типы объектов.

Назначение

Типы в TypeScript служат для двух основных целей:

• Во-первых, типы используются компилятором TypeScript для анализа вашего кода на наличие ошибок.
• Во-вторых, типы позволяют понять, какие значения связаны с переменными.

Примеры типов TypeScript

В следующем примере метод querySelector() используется для выбора элемента <h1> :

const heading = document.querySelector('h1');

Компилятор TypeScript знает, что тип heading — это HTMLHeadingElement :

И показывает список методов типа HTMLHeadingElement , к которым может обращаться heading :

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

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

Псевдонимы типов

Псевдонимы типов позволяют создать новое имя для существующего типа. Ниже показан синтаксис Aliases типа:

type alias = existingType;

Существующий тип может быть любым допустимым типом TypeScript.

В следующем примере используется псевдоним chars для строкового типа:

type chars = string;
let messsage: chars; // same as string type

Полезно создавать псевдонимы типов для объединенных типов. Например:

type alphanumeric = string | number;
let input: alphanumeric;
input = 100; // valid
input = 'Hi'; // valid
input = false; // Compiler error

• Используйте псевдонимы типов, чтобы определить новые имена для существующих типов.