|
|
Yayınlandı 22.10.2018 17:21:45
|
|
|
ECMAscrip{filtering}t 2015 standardında, Javascrip{filtering}t modüller kavramını ekler. Typescrip{filter}t de bu kavramı takip eder.
1. Modüllerin ithalat ve dışına aktarılması
Modüller kendi kapsamlarında yürütülür, küresel kapsamda değil; Bu, modülde tanımlanan değişkenler, fonksiyonlar, sınıflar vb. modül dışında görünmez olur, ancak bunları açıkça dışa aktarırsanız aktarır. Öte yandan, diğer modüllerden dışa aktarılan değişkenleri, fonksiyonları, sınıfları, arayüzleri vb. kullanmak istiyorsanız, bunları içe aktarma işlemlerinden birini kullanarak içe aktarmalısınız.
Modüller kendini ilan eder. Typescrip{filter}t'de, iki modül arasındaki ilişki dosya seviyesinde import ve export kullanılarak kurulur. İşte temel bir örnek:
animal.ts
app.ts
Yukarıdaki örnekte, bir Hayvan benzeri animal.ts ilan edilir ve ihracat yoluyla ihraç edilir. app.ts'de, göreceli dosya yolunu belirtin ve Animal sınıfını kullanmak için import yoluyla aktarın.
Javascrip{filter}t'nin iki farklı modül referans metodu olduğundan, Javascrip{filter}t için derlerken, derlenmiş modül referans yöntemini Typescrip{filtering}t yapılandırma dosyası üzerinden belirtebilirsiniz tsconfig.json
Aşağıda farklı şekillerde derlenmiş Javascrip{filter}t dosyasının içeriği yer almaktadır
commonjs
AMD
2. İthalat ve ihracatın yeniden adlandırılması
Modülleri içe aktarırken ve dışa aktarırken varsayılan olarak kullanılan dahili nesnenin adı. Typescrip{filter}t ayrıca dışa aktarmadan önce ve sonra yeniden adlandırmayı destekler. Yukarıdaki örneği değiştirin
animal.ts
app.ts
İçe aktarma ve dışa aktarma sırasında, modüller as anahtar kelimesi kullanılarak yeniden adlandırılır.
Burada dikkat edilmesi gereken bir nokta, dışa aktarılan modül yeniden adlandırıldığında, aktarmadan önceki modül adının dışa aktarılan yeniden adlandırılmış modül adıyla aynı olması gerektiğidir; aksi takdirde derleyici bir hata mesajı soracaktır. Örneğin, dışa aktarılan modülün adı ANI olarak değiştirilirse, as anahtar kelimesinden önceki modül adı başka bir dosyaya app.ts aktarılırken ANI olmalıdır.
Alternatif olarak, aktarılan modülün adını bilmiyorsanız, yerine * işareti koyabilirsiniz
Yukarıdaki örnekte, * işaretiyle değiştirilen tüm modüllerin adını animal_module olarak değiştirirseniz, modülden dışa aktarılan tüm içeriklere animal_module nesne üzerinden erişebilirsiniz.
3. Birden fazla nesneyi dışa aktarın ve dışa aktarın
Genellikle, modülde birden fazla nesne türü tanımlanır ve birlikte dışa aktarılır. İç'te birden fazla modül de olabilir
animal.ts
app.ts
Dışa aktarırken, dışa aktarmak istediğiniz tür nesneyi JSON nesnesine yeniden birleştirip sonra dışa aktarabilirsiniz. İçe aktarıldıktan sonra, içeriklere yeniden adlandırılmış modül nesneleri aracılığıyla erişilebilir.
4. Varsayılan ihracat
Bir modül için yalnızca bir varsayılan dışa aktarma olabilir
animal.ts
app.ts
Yukarıdaki örnekte, Animal sınıfı varsayılan anahtar kelime kullanılarak dışa aktarılır. Normal ithalatlardan farklı olarak, varsayılan dışa aktarma modülleri içe aktarılırken, ithal modülün adını doğrudan belirtebilirsiniz, ancak modülü kıvrımlı braketlere {} ile kapatmazsınız.
5. Dinamik yükleme modülü
Çünkü Javascrip{filter}t'de modülleri yüklemenin iki yolu vardır: CommonJS ve AMD. Typescrip{filter}t kullanıldığında, Javascrip{filter}t oluşturmak için son derlemenin yapılandırma içeriğine bağlı olarak farklı kod yazmanız gerekir.
Modül dosyası animal.ts
CommonJS yol referansı:
app.ts
AMD tarzı alıntı:
app.ts
|
Önceki:BonusCloud Aktivasyon Kodu Yakalama Aracı [Kaynak Kodu ile]Önümüzdeki:Yeni gelen raporu, MB bunu nasıl aldı?
|
