Үндсэн төрлүүд (string, number, boolean)

TypeScript-ийн хамгийн чухал ойлголт бол төрөл (type). Хувьсагч үүсгэхдээ ямар өгөгдөл хадгалахыг тодорхойлдог. Энэ хичээлд хамгийн их хэрэглэгддэг гурван төрлийг сурна.

string — мөр

Текст өгөгдлийг string төрлөөр илэрхийлнэ. Нэр, хаяг, мессеж — бүгд string.

const нэр: string = "Болд";
const мэндчилгээ: string = "Сайн уу!";
const загвар: string = `Намайг ${нэр} гэдэг`;

console.log(загвар); // Намайг Болд гэдэг

TypeScript-д string бичих гурван арга байна — давхар хашилт "...", нэг хашилт '...', эсвэл template literal `...`. Гурав нь ижил, гэхдээ template literal-д ${} ашиглан хувьсагч оруулж болдог.

Нийтлэг алдаа

let нас: string = 25; // Алдаа! 25 бол тоо, мөр биш
let нэр: string = true; // Алдаа! true бол boolean

TypeScript хөрвүүлэх үед шууд алдаа мэдэгдэнэ — код ажиллаж байх үед биш.

number — тоо

TypeScript-д бүхэл тоо ба аравтын бутархай адил нэг number төрлийг ашигладаг. JavaScript шиг int эсвэл float гэж ялгахгүй.

const нас: number = 25;
const өндөр: number = 1.75;
const температур: number = -10;
const тэг: number = 0;

console.log(нас + өндөр); // 26.75
console.log(температур * 2); // -20

Тоон хувьсагчид нийтлэг математик үйлдлүүдийг (+, -, *, /, %) ашиглана.

Тусгай тоон утгууд

const хязгааргүй: number = Infinity;
const тодорхойгүй: number = NaN; // Not a Number

console.log(1 / 0); // Infinity
console.log("тоо" * 2); // NaN

NaN бол тооны үйлдэлд мөр орсон үед гарах онцгой утга. TypeScript-д үүнийг харуулдаг ч зөв кодонд NaN гарч ирэх ёсгүй.

boolean — үнэний утга

boolean төрөл зөвхөн хоёр утга агуулна: true (тийм) эсвэл false (үгүй). Нөхцөл шалгах, тохиргоо хадгалах зэрэгт ашиглана.

const нэвтэрсэн: boolean = true;
const дууссан: boolean = false;
const идэвхтэй: boolean = true;

if (нэвтэрсэн) {
  console.log("Тавтай морил!");
} else {
  console.log("Нэвтэрнэ үү.");
}

Boolean-г харьцуулалтын үр дүн болгон ч авч болно:

const нас: number = 20;
const насанд хүрсэн: boolean = нас >= 18;

console.log(насанд хүрсэн); // true

Төрөл дүгнэлт (Type Inference)

TypeScript ихэнх тохиолдолд төрлийг автоматаар тааж чаддаг. Тиймээс төрлийг заавал бичих шаардлагагүй:

// Тодорхой бичсэн
const нэр: string = "Сарнай";
const нас: number = 22;
const идэвхтэй: boolean = true;

// TypeScript өөрөө таана — ижил үр дүн
const нэр = "Сарнай"; // string гэж таана
const нас = 22; // number гэж таана
const идэвхтэй = true; // boolean гэж таана

Гэхдээ хувьсагчийг эхний утгагүйгээр зарлахад төрлийг заавал бичих хэрэгтэй:

let нэр: string; // эхний утга байхгүй тул төрлийг заана
нэр = "Болд"; // дараа нь утга өгнө

Функцэд төрөл ашиглах

Функцийн параметр болон буцаах утгад ч төрлийг заадаг:

function мэндчилэх(нэр: string, нас: number): string {
  return `Сайн уу ${нэр}, та ${нас} настай!`;
}

console.log(мэндчилэх("Энхтүвшин", 28));
// Сайн уу Энхтүвшин, та 28 настай!

console.log(мэндчилэх(30, "Мөнх")); // Алдаа! Параметрийн дараалал буруу

Параметрийн төрөл буруу орвол TypeScript шууд алдаа заана. Энэ нь томоохон кодонд маш их цагийг хэмнэдэг.

Дараагийн хичээлд:

TypeScript-д массив (array) болон tuple хэрхэн ашиглахыг судална. Массив бол олон утгыг нэг хувьсагчид хадгалах хамгийн нийтлэг арга юм.