Programming TypeScript

ruxsat bering mahalliy = kuting import ( 'locale_us-en' )
importni kodni statik ravishda kiritish uchun bayonot sifatida (biz uni shu paytgacha ishlatganmiz) yoki modulingiz uchun va'dani qaytaruvchi funksiya sifatida (bu misolda qilganimiz kabi) foydalanishingiz mumkin .
Import qilish uchun satrga baholanadigan o'zboshimchalik bilan ifodani o'tkazishingiz mumkin bo'lsa-da , amalga oshirganingizda, siz turi xavfsizligini yo'qotasiz. Dinamik importlardan xavfsiz foydalanish uchun quyidagilarga ishonch hosil qiling:

1. 
   Satrni avval oʻzgaruvchiga tayinlamasdan, toʻgʻridan-toʻgʻri import ga oʻtkazing.
   
2. 
   Import qilish va modul imzosini qo'lda izohlash uchun ifodani o'tkazing .
   

Agar ikkinchi variantdan foydalanilsa, umumiy namuna modulni statik ravishda import qilishdir, lekin uni TypeScript statik importni kompilyatsiya qilishi uchun uni faqat tip holatida ishlating (batafsil maʼlumot uchun “Turlar boʻyicha koʻrsatma” 262-betga qarang ) . Masalan:
import { locale } dan './locales/locale-us'
asinx funktsiyasi asosiy() {
ruxsat bering userLocale = kuting getUserLocale () qilaylik yo'l = . / locales / locale - $ { userLocale } ruxsat localeUS : typeof mahalliy = kuting import ( yo'l )}
Biz mahalliy tilni ./locales/locale-us dan import qildik, lekin biz undan faqat typeof locale bilan olingan turi uchun foydalandik . Biz buni qilishimiz kerak edi, chunki TypeScript import (yo'l) turini statik ravishda qidira olmadi , chunki yo'l statik satr emas, balki hisoblangan o'zgaruvchidir. Biz hech qachon mahalliy tilni qiymat sifatida ishlatmaganligimiz va uning o'rniga uni turi bo'yicha olib tashlaganimiz sababli, TypeScript statik importni olib tashladi (bu misolda TypeScript hech qanday yuqori darajadagi eksportni yaratmaydi), bu bizga ikkala turdagi xavfsizlikni ham ta'minladi. va dinamik hisoblangan import.

T SC sozlamalari: modul

TypeScript dinamik importni faqat keyingi modul rejimida qo'llab-quvvatlaydi. Dinamik importlardan foydalanish uchun tsconfig.json ning compilerOptions dan {"module": "esnext"} sozlang . Qo‘shimcha ma’lumot olish uchun 258-betdagi “ Serverda TypeScript-ni ishga tushirish” va 259-betdagi “Brauzerda TypeScript-ni ishga tushirish” bo‘limlariga o‘ting .