Ushbu maqola sizning birinchi loyihangizni yaratishni boshlashingiz uchun etarli darajada ko'proq ma'lumot beradi. Agar sizda javascriptda fon mavjud deb hisoblasangiz, o'tish muammosiz bo'ladi.

TypeScript nima?

TypeScript Javascript-ga asoslangan kuchli terilgan dasturlash tili boʻlib, “superset” deb ham ataladi. Javascript kodi yaroqli TypeScript kodi, lekin aksincha emas. Endi siz shunday deb so'rashingiz mumkin: "Agar mening JavaScript kodim bir xil ishlayotgan bo'lsa, nega TypeScript-dan foydalanishim kerak?" Xo'sh, TypeScript muharriringiz bilan yanada kuchli integratsiyani ta'minlaydigan qo'shimcha sintaksisni taqdim etadi va bu bezovta qiluvchi xatolarni ushlashni osonlashtiradi! Biz hammamiz JavaScript-da kodlashda ishlash vaqtidagi xatoliklarni boshdan kechirdik, ammo TypeScript-ga o'tganingizdan so'ng, bu xatolar juda kam ekanligini sezasiz.

Menga ishonmaysizmi? Keling, bir misolni ko'rib chiqaylik

Ushbu JavaScript funksiyasi unga satr yoki raqamni o'tkazsangiz ham muammosiz ishlaydi. Biroq, biz ikkita raqamning hisobini topmoqchimiz deb faraz qilaylik va chiziq bo'ylab biror joyda raqam o'rniga parametrlardan biriga satr uzatiladi. Bu kiruvchi qiymatlarning qaytarilishiga olib keladi.

Buning o'rniga, agar biz TypeScript dan foydalansak:

Bu funksiya endi kuchli tarzda kiritilgan va raqamlarning kiritilishi va qaytarilishini kafolatlaydi. Rivojlanishning qolgan qismida, agar funktsiya funksiyaga kiritilgan raqamdan boshqa turga ega bo'lsa, TypeScript xatolarni (ishlash vaqtidan oldin) ko'rsatadi.

TypeScript 101

Keling, JavaScript-dan TypeScript-ga o'tishga chuqurroq kiraylik.

Biz o'rganishimiz kerak bo'lgan birinchi narsa - o'zgaruvchilarni qanday qilib to'g'ri kiritish va funktsiyalarni e'lon qilish.

Asosiy turlari

// defining a variable
let int: number;
int = 3;
int = “sample”; // shows error becuase int is not the correct typing.
// Other Types
let bool: boolean = true; // Boolean
let sampleText: string = “hello there!”;
let testArr: number[] = [1, 2, 3, 4];
// Let’s try pushing a string into testArr
testArr.push(“123”) // Show’s error because the array type is number.
`testArr.push(1) // Now we have added an item to the array.

Funktsiyani yozish

/** We must assign a type to the parameters in order to use
* TypeScript efficiently.
*/
const calculate = (a: number, b: number):number /** return type */ => {
return a + b;
};
// Or if we wanted to return a string
const combineSentence = (a: string, b: string): string => {
return a + b;
};
// Do you notice how both functions contain the same code but produce different results?
// Let's try one more
const check = (a: string, b: string): boolean /* Must return true or false */ => {
return a == b ? true : false;
};

Ushbu maqola o'zgaruvchilar va funktsiyalarni e'lon qilish uchun TypeScript-dan foydalanish asoslarini jamlagan bo'lsa-da, men 2-qismda TypeScript bilan qanday ishlashni chuqurroq o'rganaman.