Programming TypeScript

1-qadam: TSC qo'shing

TypeScript va JavaScript-ni birlashtirgan kodlar bazasida ishlayotganda, TSC-ga TypeScript bilan birga JavaScript fayllarini kompilyatsiya qilishiga ruxsat berishdan boshlang. tsconfig.json faylingizda :
{
"compilerOptions" : { "allowJs" : rost
}
Ushbu bitta o'zgarish bilan siz endi JavaScript-ni kompilyatsiya qilish uchun TSC-dan foydalanishingiz mumkin. Qurilish jarayoniga shunchaki TSC qo'shing va TSC orqali har bir mavjud JavaScript faylini ishga tushiring ⁴⁶yoki mavjud yaratish jarayoni orqali eski JavaScript fayllarini ishga tushirishni davom eting va TSC orqali yangi TypeScript fayllarini ishga tushiring.
allowJs true qiymatiga oʻrnatilgan boʻlsa , TypeScript mavjud JavaScript kodingizni tekshirmaydi, lekin siz soʻragan modul tizimi ( tsconfig da) yordamida uni (ES3, ES5 yoki tsconfig.jsonʼda oʻrnatilgan maqsadni ) koʻchiradi. .json modul maydoni ). Birinchi qadam, bajarildi. Buni bajaring va o'zingizni orqa tomondan silab qo'ying - kod bazangiz endi TypeScript-dan foydalanadi!

2a-qadam: JavaScript uchun matn yozishni yoqish (ixtiyoriy)

Endi TSC sizning JavaScript-ni qayta ishlayapti, nega uni ham tekshirib ko'rmaysiz? Sizda JavaScript-da aniq turdagi izohlar bo'lmasligi mumkin bo'lsa-da, TypeScript siz uchun turlarni chiqarishda qanchalik ajoyib ekanligini unutmang; u JavaScript-dagi turlarni xuddi TypeScript kodingizdagi kabi xulosa qilishi mumkin. Buni tsconfig.json faylida yoqing :
{
"compilerOptions" : {
"allowJs" : true , "checkJs" : rost
}
Endi, TypeScript JavaScript faylini kompilyatsiya qilganda, u odatdagi TypeScript kodi uchun bo'lgani kabi, turlarni aniqlash va yozishni tekshirish uchun qo'lidan kelganini qiladi.
Agar sizning kod bazangiz katta bo'lsa va checkJs- da bir vaqtning o'zida juda ko'p turdagi xatolar haqida xabar bersa, uni o'chiring va o'rniga // @ts-check direktivasini qo'shish orqali bir vaqtning o'zida JavaScript faylini tekshirishni yoqing (yuqoridagi oddiy sharh). fayl). Yoki bir nechta katta fayllar xatolaringizning katta qismini tashlab ketsa va siz ularni hali tuzatmoqchi bo'lmasangiz, checkJs-ni yoqing va faqat shu fayllarga // @ts-nocheck direktivasini qo'shing.
T ypeScript hamma narsani (masalan, funktsiya parametrlari turlarini) aniqlay olmasligi sababli, u JavaScript kodingizdagi ko'plab turlarni har qanday . Agar sizda tsconfig.json- da qat'iy rejim yoqilgan bo'lsa (kerak!), ko'chirish vaqtida har qanday s ga vaqtincha ruxsat berishni xohlashingiz mumkin . tsconfig.json ga qo'shing:
{