Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir eğitim serisinin bir parçası olup, konuşmacı JavaScript modülleri konusunu anlatmaktadır.
- Video, JavaScript modüllerinin temel prensiplerini ve kullanımını detaylı şekilde ele almaktadır. İçerikte import ve export işlemlerinin iki farklı yöntemi (isimli ve varsayılan) örneklerle açıklanmaktadır. Ayrıca, import edilen değerlerin isimlerinin değiştirilmesi, hem isimli hem varsayılan dışa aktarma yapma ve immediat re-export (anında yeniden dışa aktarma) gibi konular da ele alınmaktadır. Video, React için JavaScript başlıklı bir GitHub deposunda toplanan bir serinin parçası olarak sunulmaktadır.
- 00:22JavaScript Modül Sistemi
- Modül sistemi sayesinde kod blokları yeniden kullanılmak üzere veya organizasyon amaçlı import ve export edilebilir.
- İki adet içe ve dışa aktarma yöntemi vardır: isimli (name) ve varsayılan (default) isimli dışa aktarma.
- Bir dosyada birden fazla isimli dışa aktarma yer alabilir.
- 00:42Isimli Dışa Aktarma
- Isimli dışa aktarmada export ifadesi, ardından dışa aktarmak istenilen JavaScript ifadesi gelir.
- Dışa aktarılan değişken, fonksiyon, obje vesaire her ne ise aynı isimle import edilmelidir.
- Değişken, obje veya fonksiyon oluşturulup daha sonra tek bir satırda da dışa aktarılabilir.
- 02:20İçe Aktarma
- Dosyaları içe aktarırken isimlerini değiştirmemeliyiz, import dediğimizde aynı şekilde ismi almak istiyorsak isim olarak almalıyız.
- İçe aktarırken süslü parantezi kapatıp from ifadesi ve bulunduğu dizin belirtmeliyiz.
- İçe aktarırken import ettiğimiz değerlerin isimlerini değiştirmek için import isimden sonra es kelimesini kullanabiliriz.
- 03:35Varsayılan Dışa Aktarma
- Varsayılan export larda default kelimesini kullanıyoruz ve bir dosyada yalnızca bir adet default export yapılabilir.
- Varsayılan export'u import ederken süslü parantezleri kullanmadan doğrudan import edebiliriz.
- Aynı satırda hem isimli hem de varsayılan dışa aktarma yapmak istiyorsak süslü parantezleri kullanırız ve default olarak export etmek istediğimiz değişkeni özellikle belirtiriz.
- 06:55Anında Yeniden Dışa Aktarma
- Anında yeniden dışa aktarma (immediate re-export) özelliği ile içe aktarılan bir modül aynı satırda hiç bekletmeden dışa aktarılabilir.
- Varsayılan ve isim olarak içe aktarılan modüller tek bir satırda anında yeniden dışa aktarılamazlar, bu yüzden iki ayrı satırda ayrı ayrı yazmak gerekir.
- Birden fazla isim dışa aktarımı için yıldız işareti (wild card) kullanarak source dan gelen her şeyi dışarı aktarabiliriz.