Tässä esimerkissä opit kirjoittamaan JavaScript-ohjelman, joka sisältää JS-tiedoston toiseen JS-tiedostoon.
Tämän esimerkin ymmärtämiseksi sinulla on oltava tieto seuraavista JavaScript-ohjelmoinnin aiheista:
- JavaScript-muuttujat ja vakiot
- JavaScript-funktio- ja funktiolausekkeet
- JavaScript-moduulit
Esimerkki: Tuonnin / viennin käyttäminen
Luodaan tiedosto nimeltä module.js (tiedostonimi voi olla mikä tahansa), jonka sisältö on seuraava:
// 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 );
Jos haluat sisällyttää nämä muuttujat ja toiminnot toiseen tiedostoon, esimerkiksi main.js , voit käyttää import
avainsanaa seuraavasti:
// 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
Jos haluat lisätä toisen tiedoston, sinun on vietävä koodi, jota haluat käyttää toisessa tiedostossa export
käskyn avulla. Esimerkiksi,
export ( message, number, multiplyNumbers );
Voit myös tehdä yksittäisen viennin. Esimerkiksi,
export const message = 'hello world'; export const number = 10;
Jos haluat sisällyttää koodin toisesta tiedostosta, sinun on käytettävä import
käskyä ja tuotava tiedostopolun avulla. Esimerkiksi,
// importing codes from module file import ( message, number, multiplyNumbers ) from './modules.js';
Sitten voit käyttää näitä koodeja, koska ne ovat osa samaa tiedostoa.
Tämä auttaa kirjoittamaan puhtaampaa, ylläpidettävää ja modulaarista koodia.