Programming TypeScript

Versiya
Xususiyat
ES2015	const , let , for..looplar , massiv/obyekt tarqalishi ( ... ), teglangan shablon satrlari, sinflar, generatorlar, strelka funktsiyalari, funksiyaning standart parametrlari, funktsiyaning qolgan parametrlari, deklaratsiyalar/topshiriqlar/parametrlarni buzish
ES2016	Ko'rsatkich operatori ( ** )
ES2017	async funktsiyalari, va'dalarni kutmoqda
ES2018	asinxron iteratorlar
ES2019	catch bandidagi ixtiyoriy parametr
ESN Keyingi	Raqamli ajratgichlar ( 123_456 )

12-3-jadval. TSC transpilyatsiya qilmaydi

Versiya	Xususiyat
ES5	Ob'ektni oluvchilar/o'rnatuvchilar
ES2015	Regex y va u bayroqlari
ES2018	Regex bayrog'i _
ESN Keyingi	BigInt ( 123n )

tsconfig.json faylini oching va maqsad maydonini quyidagicha o'rnating:

• 
  ECMAScript 3 uchun es3
  
• 
  es5 (agar siz nimadan foydalanishni bilmasangiz, bu yaxshi standart)
  
• 
  ECMAScript 2015 uchun es6 yoki es2015
  
• 
  ECMAScript 2016 uchun es2016 • ECMAScript 2017 uchun es2017
  
• 
  ECMAScript 2018 uchun es2018
  
• 
  keyingi , Masalan, ES5 ga kompilyatsiya qilish uchun:
  

{
"compilerOptions" : {
"target" : "es5"
}
}

lib

Yuqorida aytib o'tganimdek, kodingizni JavaScript-ning eski versiyalariga o'tkazishda bitta muammo bor: ko'pgina til funksiyalari xavfsiz tarzda ko'chirilishi mumkin bo'lsa-da ( let to var , class to function ), agar maqsadli muhitingiz ushbu xususiyatni qo'llab-quvvatlamasa, siz hali ham o'zingiz funksiyalarni polifilllashingiz kerak bo'ladi. yangi kutubxona xususiyati. Ba'zi misollar Promise va Reflect kabi yordamchi dasturlar va Map , Set va Symbol kabi ma'lumotlar tuzilmalari . Eng so'nggi Chrome, Firefox yoki Edge kabi bleedingedge muhitini maqsad qilganingizda, odatda hech qanday polifill kerak bo'lmaydi; lekin agar siz brauzerlarning bir necha versiyasini yoki aksariyat NodeJS muhitlarini maqsad qilgan bo'lsangiz, etishmayotgan xususiyatlarni ko'p to'ldirishingiz kerak bo'ladi.
Yaxshiyamki, polifilllarni o'zingiz yozishingiz shart emas. Buning oʻrniga, siz ularni core-js kabi mashhur polifill kutubxonasidan oʻrnatishingiz yoki turi tekshirilgan TypeScript kodingizni @babel/poly fill bilan Babel orqali ishga tushirish orqali kodingizga avtomatik ravishda polifill qoʻshishingiz mumkin .
A gar siz ilovangizni brauzerda ishga tushirishni rejalashtirmoqchi bo'lsangiz, kodingizni ishlatayotgan brauzeringiz haqiqatan ham bunga muhtojmi yoki yo'qligidan qat'i nazar, har bir polifillni qo'shib, JavaScript to'plami hajmini oshirib yubormaslikdan ehtiyot bo'ling - maqsadli platformangiz allaqachon allaqachon mavjud. siz ko'p to'ldirayotgan ba'zi xususiyatlarni qo'llab-quvvatlaydi. Buning o'rniga Polyfill.io kabi xizmatdan foydalaning va foydalanuvchi brauzeringizga kerak bo'lgan polifilllarni yuklang.
Kodingizga polifilllarni qo'shganingizdan so'ng, TSCga sizning muhitingiz siz ko'p to'ldirilgan xususiyatlarni qo'llab-quvvatlashi kafolatlanganligini aytish vaqti keldi — tsconfig.json lib maydoniga kiring . Masalan, agar siz barcha ES2015 funksiyalarini va ES2016 Array.prototype.includes ni to‘ldirgan bo‘lsangiz, ushbu konfiguratsiyadan foydalanishingiz mumkin :
{