V tomto příkladu se naučíte psát program JavaScript, který bude obsahovat soubor JS do jiného souboru JS.
Abyste pochopili tento příklad, měli byste znát následující programovací témata JavaScriptu:
- Proměnné a konstanty JavaScriptu
- Funkce a výrazy funkcí JavaScriptu
- Moduly JavaScript
Příklad: Použití importu / exportu
Vytvořme soubor s názvem module.js (název souboru může být cokoli) s následujícím obsahem:
// 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 );
Chcete-li tyto proměnné a funkce zahrnout do jiného souboru, řekněme main.js , můžete import
klíčové slovo použít jako:
// 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
Chcete-li zahrnout další soubor, musíte pomocí export
příkazu exportovat kód, který chcete použít v jiném souboru . Například,
export ( message, number, multiplyNumbers );
Můžete také provést individuální export. Například,
export const message = 'hello world'; export const number = 10;
Chcete-li zahrnout kód z jiného souboru, musíte použít import
příkaz a importovat pomocí cesty k souboru. Například,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Potom můžete tyto kódy použít, protože jsou součástí stejného souboru.
To pomáhá při psaní čistšího, udržovatelného a modulárního kódu.