Стандартная типизация

Возможные типы

string
number
bigint
any
unknown
object
undefined
null
void
never
and other…

Стандартная типизация

Типы в переменных


// ! - Об этом поговорим попозже
const alpha: any = "some-value";
const beta: number = 50;
const gamma: string = "Hello, World";
const epsilon: object = {...}; // !
const delta: [] = []; // !
// etc...

Ошибки

Тут ничего интересного, просто Вам не дадут переназначить переменную с каким-то определенным типом на другой


let : string = "FOCKUSTY";
 
name = 0;Type 'number' is not assignable to type 'string'.

Однако это можно сделать, если использовать as {type}


let : string = "lanvalird";
 
 = 0 as unknown as string; // ошибок нет
// или
 = 0 as any; // ошибок нет

Однако это плохая практика, потому что у Вас в программе могут появится непредвиденные ошибки (имею в виду: тогда зачем вообще использовать TypeScript, если используешь any?)

Типы в функциях

Больше Вы узнаете в Типы в функциях


// Стандартная функция на js
function printHello(name) {
	console.log("Hello, " + name);
};
 
// Рассмотрим функции на ts
function printHello2(name: string): void {
	console.log("Hello, " + name);
};
 
// Указание типов для аргументов в функции идёт после двоеточия, как в переменных.
// Чтобы указать тип, который возвращает функция, то ставим двоеточие после круглых скобок.


// Рассмотрим другую функцию
const  = (: number): void => {
	.();
};
 
("string");Argument of type 'string' is not assignable to parameter of type 'number'.

Использование нескольких типов


let : number|string = "Hello";
const : number|string|any[] = [];
 = 1;
 
function (: number|string) { /* ... */ };
 
(); // Нормально
(beta);Argument of type 'any[]' is not assignable to parameter of type 'string | number'.

Также есть пересечения типов (Через знак &), но о них поговорим позже.

Типы в классах

Типизация в классах ничем почти не отличается от типизации в функциях/переменных. Просто смотрите:


class MyClass {
	private _some_value: string;
 
	public constructor(someValue: string) {
		this._some_value = someValue;
	}
 
	public getSomeValue(): string {
		return this._some_value;
	}
 
	public getSomeValue2 = (): string => {
		return this._some_value;
	};
 
	public set someValue(value: string) {
		this._some_value = value;
	}
 
	public get someValue(): string {
		return this._some_value;
	}
}

Думаю, что тут не стоит что-то рассказывать, итак всё видно и ясно.

Типизация массивов

Я специально выделю это в отдельный слот, также будет отдельный слот для объектов и Map. Объявления типа массива можно сделать двумя способами, рассмотрим на примере string


const : string[] = [
   "FOCKUSTY",
   "Valentin Bird",
   "beyz1k",
   "Omonillo"
];
 
// Тут используется дженерик (то, что в стрелках), можем пока что не обращать на него внимания
const : <string> = [
   "FOCKUSTY",
   "Valentin Bird",
   "beyz1k",
   "Omonillo"
];
 
const : {
	[: number]: string
} = [/* ... */]; // Насчёт этого варианта поговорим позже, когда затроним объекты


// Проверка массива
type  = string | string[]
 
const :  = "";
const :  = [];
 
.() // false
.() // true

Что первый, что второй вариант одинаковы, однако второй вариант я обычно не использую. Лично я считаю, что он немного большой и не удобный, однако другим людям виднее, особенно Вам. Я рекомендую использовать первый вариант. Что насчёт стрелок (< и >), это дженерик, я про них потом ещё поговорю, сейчас это немного рано.

Типизация объектов

Типизация объектов иногда сложна для понимания, сразу скажу, что я не рекомендую использовать тип object. Так как этим типом обладают большинство вещей в TypeScript. К примеру, функция, массив, Map и другие вещи имеют тип object. Тогда как же типизировать объекты? — Через {}, сейчас покажу на примере:


const : {
	[: string]: string
} = {
	: "ceo",
	"Valentin Bird": "teamlead",
	: "promoter",
	: "promoter"
};

Что значит [key: string]? — Думаю, что некоторые уже поняли, однако я всё равно объясню. В квадратные скобки мы ставим значения ключа, то есть определяем, какой тип может быть ключом в данном объекте. Не рекомендую ставить что-то кроме строкового значения. Но рассмотрим и другие примеры.


const : {
	[: number]: string
} = [
	"FOCKUSTY",
	"Valentin Bird",
	"beyz1k",
	"Omonillo"
];

Итак… Как это у нас объект превратился в массив? — Всё просто, ключами в массиве являются числовые значения (индексы), так что вот так вот и получается. Да, можно написать и по-другому:


const : {
	[: number]: string
} = {
	1: "FOCKUSTY",
	2: "Adelya",
	/* ... */
}; // Да, мне уже лень команду расписывать

Конечно, есть и ещё варианты указать тип объекта, но мы про них поговорим позже.

Типизация Map

Думаю, что тут некоторые знают, что за Map такой, если нет, то загуглите, объяснять не буду.


const : <string, string> = new ([
	["FOCKUSTY", "ceo"],
	["Valentin Bird", "teamlead"],
	["beyz1k", "promoter"],
	["Omonillo", "promoter"]
]);
 
// Тоже валидно
const  = new <string, string>([
	["FOCKUSTY", "ceo"],
	["Valentin Bird", "teamlead"],
	["beyz1k", "promoter"],
	["Omonillo", "promoter"]
]);
 
// Лучше указывать типы, но без них можно
const  = new ([
	["FOCKUSTY", "ceo"],
	["Valentin Bird", "teamlead"],
	["beyz1k", "promoter"],
	["Omonillo", "promoter"]
]); // Тогда будет тип Map<any, any>

Итак, не будем обращать пока что внимания на стрелки, перейдём сразу к типам, что записаны в них. Первый string — ключ, по которому мы будем брать значения. Второй string — значение, которые мы будем получать по ключу. Думаю, что некоторые знают, что Map лучше, чем object, потому что в ключи можно закинуть (как я думаю) любое значение, даже массив. Однако я, всё же, рекомендую приводить ключ к типу string, потому что так надёжнее, как я считаю.


users.get("FOCKUSTY"); // string ("ceo")
users.set("FOCKUSTY", "author");
users.set("Valentin Bird", "ceo");