Bugün, JavaScript web sitesi geliştirmede büyük bir rol oynamaktadır. Ön uç geliştiriciler, etkileşimli web uygulamaları oluşturmak için JavaScript kullanır. Sonuç olarak, JavaScript geliştiricilerine olan talepte bir artış oldu.
Elbette, JavaScript yıllar içinde gelişti. ES6, dile birçok yeni özellik getirdi. Bunlardan biri, kodları JavaScript dosyaları arasında kolayca paylaşmanın bir yoludur.
JavaScript için işlev içe ve dışa aktarma, sizi daha iyi bir geliştirici yapacak yeni özelliklerdir. İşte bu özelliklerin nasıl çalıştığı.
JavaScript Modülü Nedir?
JavaScript modülü, kullanmanız için bir kod koleksiyonu içeren bir JavaScript dosyasıdır. Modüller genellikle ayrı dosyalara yazılır ve içe aktarmak anahtar kelime. Daha sonra yeniden kullanabileceğiniz için zamandan ve emekten tasarruf sağlar.
Örneğin, adında bir işleviniz varsa hesaplaTopla(), onu başka bir dosyaya ekleyebilir ve projenizin herhangi bir yerinde kullanılabilir hale getirebilirsiniz. ihracat Ve içe aktarmak JavaScript sorunsuz çalışır.
Modülleri kullanmanın faydalarından biri, kodunuzu düzenli tutmanıza yardımcı olmasıdır. Ayrıca, kodunuzu daha kolay yönetilebilir ve hata ayıklaması daha kolay hale getirir.
Bir JavaScript dosyasını modül olarak kullanmak için HTML belgenizde bir komut dosyası oluşturmanız gerekir. tip="modül".
<komut dosyası türü="modül" kaynak="dosyaAdı.js"></script>
İki tür modül vardır:
- ECMAScript modülleri: standart JavaScript modülleri ve tüm büyük tarayıcılar tarafından desteklenir.
- CommonJS modülleri: daha eskidir ve yaygın olarak desteklenmezler.
Burada ECMAScript Modüllerine odaklanacağız. Gerekirse, bkz. JavaScript'e giriş temel bilgileri tazelemek için.
JavaScript'te İşlevler Nasıl Dışa Aktarılır
JavaScript'te işlevler, kendi başlarına kullanılmalarının yanı sıra bağımsız değişken olarak iletilebilen birinci sınıf nesnelerdir. İşlevleri dışa aktarmak, onları diğer programlara aktarmanın iyi bir yoludur. Yeniden kullanılabilir kitaplıklar oluşturmak istediğinizde de kullanılır.
JavaScript'te dışa aktarma işlevleri, ihracat işlev. bu ihracat function, belirli bir işlevi başka bir dosya veya komut dosyası tarafından kullanılmak üzere dışa aktarır. ihracat yaparak kendi fonksiyonlarımız, lisans sorunları hakkında endişelenmeden bunları başka dosyalarda veya komut dosyalarında özgürce kullanabiliriz.
kullanmanın iki yolu vardır. ihracat verimli bir şekilde çalışır. Bunları kod örnekleriyle inceleyeceğiz.
Diyelim ki bir dosyanız var. Kişisel Ayrıntıları al.js istem girdisinden sonra kullanıcının tam adını döndüren bir işleve sahip olan. İşlev şöyle görünür:
işlevgetTamAdı(Ad Soyad){
tamAdı = komut istemi ('İlk adın ne');
konsol.log (tamAdı);
}
- Bu işlevi basitçe kullanarak dışa aktarabilirsiniz. ihracat anahtar kelime ve ardından kıvrık parantez içinde işlevin adı gelir. Şuna benziyor:
ihracat {getFullName}; - İkinci yöntem, eklemektir ihracat işlevi bildirmeden hemen önce anahtar kelime.
ihracatişlevgetTamAdı (Ad Soyad){...}
İlk yöntemi kullanarak birden çok işlevi dışa aktarabilirsiniz. Bu, istenen işlevlerin adlarını süslü parantez içine alarak yapılır. Fonksiyonlar virgülle ayrılır.
Örneğin: Diyelim ki bizim üç fonksiyonumuz var. Kişisel Ayrıntıları al.js dosya - getFullName(),getEmail(), getDob(). Aşağıdaki kod satırını ekleyerek işlevleri dışa aktarabilirsiniz:
dışa aktarma {getFullName, getEmail, getDob};
JavaScript'te İşlevler Nasıl İçe Aktarılır
Bir modülü kullanmak için önce onu içe aktarmanız gerekir. Herhangi bir işlev, tam yol referansı kullanılarak içe aktarılabilir.
İşlevleri içe aktarmak oldukça basittir. JavaScript, kendi işlevlerinizi diğer dosyalardan içe aktarmak için yerleşik bir özelliğe sahiptir. Bu işlevlere diğer modüllerden erişmek istiyorsanız, yardımcı programlarınızın her biri için bir işlev bildirimi eklemek iyi bir fikirdir.
İçe aktarılacak bir işlev zaten orijinal dosyasında dışa aktarılmıştır.
İşlevleri kullanarak farklı bir dosyadan içe aktarabilirsiniz. içe aktarmak anahtar kelime işlevi. İçe aktarmak bir dosyanın veya modülün hangi bölümünün yükleneceğini seçmenize olanak tanır.
İşte bizim getTamAdı işlevi Kişisel Ayrıntıları al.js:
içe aktarmak {getFullName} itibaren './getPersonalDetails.js'Bu, bu işlevi mevcut dosyamızda kullanılabilir hale getirecektir.
Birden çok işlevi içe aktarmak için, içe aktarılacak işlevler kaşlı ayraçlar içine alınır. Her biri virgülle (,) ayrılır.
içe aktarmak {getFullName, getEmail, getDob} itibaren './getPersonalDetails.js'kullanmanın başka bir yolu daha var. içe aktarmak işlevsellik. Bu, tüm dışa aktarmaları belirli bir dosyaya aktarmamızı sağlar. kullanılarak yapılır * olarak içe aktar sözdizimi.
Tüm ihracatlarınızı ithalat yapabilirsiniz. Kişisel Ayrıntıları al.js aşağıdaki kod satırını ekleyerek:
içe aktarmak * gibi kişiselDetaylarModül itibaren './getPersonalDetails.js'Yukarıdakiler, adlı bir nesne yaratacaktır. PersonalDetailsModül.
Bu sadece bir değişken adıdır, istediğiniz gibi adlandırabilirsiniz.
Bu nesne, dosyamızdaki tüm dışa aktarımları içerir. getPersonalDetails.js. İşlevler bu nesnede saklanır ve herhangi bir nesne özelliğine eriştiğiniz şekilde erişilebilir.
Örneğin, şuraya erişebiliriz: getTamAdı aşağıdaki kod satırını ekleyerek işlev
kişiselDetaylarModül.getTamAdı();Dışa Aktarma Varsayılanı Nedir?
Varsayılanı dışa aktar istisnai bir dışa aktarma işlevidir. Bu, bir dosyadan yalnızca bir değişken dışa aktarılıyorsa kullanılır. Ayrıca bir dosya veya modül için geri dönüş değeri oluşturmak için de kullanılır.
Aşağıda kullandığımız bir örnek getTamAdı varsayılan olarak işlev:
ihracatvarsayılanişlevgetTamAdı (Ad Soyad){...}Her modülde veya dosyada varsayılan olarak birden fazla değere sahip olamazsınız.
Varsayılan olarak kullanılan bir İşlev farklı şekilde içe aktarılır. İşte bizim nasıl ithal edeceğimiz getTamAdı varsayılan olarak kullanılan işlev:
içe aktarmak Ad Soyad itibaren './getPersonalDetails.js'İşte farklılıklar:
- İçe aktarılan değerin etrafında süslü parantez yoktur, Ad Soyad.
- Ad Soyad burada sadece bir değişken adı var. Varsayılan işlev ne olursa olsun değerini saklar.
JavaScript İşlevlerinizi Güçlendirin
JavaScript modülleri, JavaScript içe ve dışa aktarma işlevleri kullanılarak kodunuzun diğer bölümlerinde yeniden kullanılabilen kod parçalarıdır. Genellikle ayrı dosyalara yazılırlar ve import anahtar kelimesi kullanılarak içe aktarılırlar. Modülleri kullanmanın faydalarından biri, kodunuzu düzenli tutmanıza yardımcı olmasıdır. Ayrıca, kodunuzu daha kolay yönetilebilir ve hata ayıklaması daha kolay hale getirir.