Bu örnekte, bir JS dosyasını başka bir JS dosyasına dahil edecek bir JavaScript programı yazmayı öğreneceksiniz.
Bu örneği anlamak için, aşağıdaki JavaScript programlama konuları hakkında bilgi sahibi olmalısınız:
- JavaScript Değişkenleri ve Sabitleri
- JavaScript İşlev ve İşlev İfadeleri
- JavaScript Modülleri
Örnek: İçe / dışa aktarımı kullanma
Aşağıdaki içeriğe sahip module.js (dosya adı herhangi bir şey olabilir) adlı bir dosya oluşturalım :
// program to include JS file into another JS file const message = 'hello world'; const number = 10; function multiplyNumbers(a, b) ( return a * b; ) // exporting variables and function export ( message, number, multiplyNumbers );
Bu değişkenleri ve işlevleri başka bir dosyaya, örneğin main.js'ye dahil etmek için , importanahtar kelimeyi şu şekilde kullanabilirsiniz :
// import the variables and function from module.js import ( message, number, multiplyNumbers ) from './modules.js'; console.log(message); // hello world console.log(number); // 10 console.log(multiplyNumbers(3, 4)); // 12 console.log(multiplyNumbers(5, 8)); // 40
Başka bir dosya eklemek için, kullanmak istediğiniz kodu exportifadeyi kullanarak başka bir dosyada dışa aktarmanız gerekir . Örneğin,
export ( message, number, multiplyNumbers );
Ayrıca bireysel ihracat da yapabilirsiniz. Örneğin,
export const message = 'hello world'; export const number = 10;
Başka bir dosyadan kod eklemek için, importifadeyi kullanmanız ve dosya yolunu kullanarak içe aktarmanız gerekir. Örneğin,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Ardından, bu kodları aynı dosyanın bir parçası oldukları için kullanabilirsiniz.
Bu, daha temiz, bakımı yapılabilir ve modüler kod yazmanıza yardımcı olur.
