TypeScript. Типы данных. (часть 1)

Добрый день, это канал посвященный небольшим инструкциям, которые я пишу для себя и людей, которые являются начинающими разработчиками.

Также учтите, что данные лекции рассчитаны на то, что вы уже хоть немного знаете JavaScript. О том, как компилировать TypeScript вы можете узнать в моей статье.

Итак, для начала хочется просто перечислить все типы данных в TS (TypeScript), на случай, если просто вам нужно быстро освежить память:

• boolean - логическое значение;
• number - числовое значение;
• string - строки;
• array - массивы;
• tuple - кортежи;
• enum - перечисления;
• any - произвольный тип;
• null - null как и в обычном JavaScript;
• undefined - undefined как и в обычном JavaScript;
• void - отсутствие конкретного значения, используется в основном в качестве возвращаемого типа функций;
• never - также представляет отсутствие значения и используется в качестве возвращаемого типа функций, которые генерируют или возвращают ошибку.

Итого типов в TS 11.

Давайте поговорим о каждом типе отдельно. Для объявления переменной необходимо написать, значение переменной можно изменить, но только на значение того же типа:

let <имя переменной>: <тип данных> = <значение>;

Для объявления константы необходимо написать, значение константы нельзя изменить:

const <имя переменной>: <тип данных> = <значение>;

Тип данных boolean:

let isActive: Boolean = false; const isStop: Boolean = true; isActive = true; isActive = "";

Данный тип может иметь только значение true и false.

Тип данных number:

let int: number = 11; const double: number = 11.22; let hex: number = 0xf11d;

Данный тип может содержать в себе виды числа, как целое, так и дробное, так и значение hex.

Тип данных string:

let fStr: string = "Моя первая строка!"; let sSrt: string = 'Моя вторая строка!'; let tStr: string = `Моя третья строка!`;

Как можно заметить, для того, чтобы объявить строку необходимо написать любые кавычки как и JavaScript. Помимо этого обратные кавычки (``) имеют такие же преимущества перед остальными как и в JavaScript. Во-первых они поддерживают конструкцию ${str}, а во-вторых они позволяют писать код в две строки, пример можно увидеть ниже:

let fName: string = "Евгений"; let age: number = 20; const str: string = `Имя: ${ fName } Возраст: ${ age }`; console.log(str); //Имя: Евгений //Возраст: 20

Тип данных array:

Массивы в TS можно создать 2 разными способами, первый:

<let/const> <имя переменной>: <тип данных в массиве>[] = [<значения через запятую>];

Второй:

<let/const> <имя переменной>: Array<тип данных в массиве> = [<значения через запятую>];

Для обращения к элементу массива необходимо написать:

<название массива>[<номер элемента>];

Не забывайте, что нумерация элементов идет с 0.

Тип данных tuple:

Это те же самые массивы, иногда в js нам приходится хранить в массиве разные типы данных, например сразу строку и число, в таком случае нас может спасти такой тип данных, он задает массиву фиксированную длину и четкий тип данных для каждого элемента массива.

Тип данных enum:

Этот тип данных необходим для того, чтобы сопоставить строковые данные и числовые. Также для строк можно задавать свои числовые значения, например так:

Типа данных any:

Этот тип данных может принимать абсолютно любое значение, он нужен тогда, когда на момент кода вы не знаете о том, какой тип данных будет в данной переменной. Также вы можете создать массив с таким типом, чтобы в дальнейшем записывать в него абсолютно разные данные.

Про null и undefined я я не вижу большого смысла рассказывать, это те же типы данных, как и в js.

Также если вам необходимо записать в переменную несколько типов, например число и строку, то вы можете комбинировать типы данных через знак "|":

Попытка записать туда не подходящее значение приведет к ошибке:

Спасибо за прочтение статьи, подписывайтесь и оставляйте комментарии, о чем еще написать.