A JavaScript export és import kulcsszavakat modulok közötti adat (például változók, függvények vagy osztályok) megosztására használjuk. Ez lehetővé teszi a kód felosztását kisebb, újra felhasználható részekre, amelyeket könnyebb karbantartani és kezelni.
Export típusok:
Named export
Lehetővé teszi több elem exportálását ugyanabból a modulból. Az importálás során a névnek pontosan egyeznie kell az exportált névvel. Importnál aliast használhatunk.
|
1 2 3 4 5 6 7 8 |
// matek.js fájl tartalma export const osszeadas= (a, b) => a + b; export const kivonas= (a, b) => a - b; // main.js fájl tartalma import { osszeadas as sum, kivonas} from './matek.js'; console.log(sum(2, 3)); // 5 console.log(kivonas(5, 3)); // 2 |
Default export
Egy modulból csak egy default export lehet. Az importálás során tetszőleges nevet adhatunk neki.
|
1 2 3 4 5 6 7 8 |
// teszt_default.js export default function FgvUdv(nev) { return `Hello, ${nev}!`; } // main_default.js import barmilehet from './teszt_fefault.js'; console.log(barmilehet('Rita')); // Hello, Rita! |
Lehet egyszerre default és sima exportot is használni!
|
1 2 3 4 5 6 7 8 9 10 |
// pelda.js export const pi = 3.14; export const szoveg = "teszt"; export default function negyzet(x) { return x * x; // main.js import negyzet, {szoveg as ize, pi } from './pelda.js'; console.log(negyzet(2)); // 4 console.log(ize); // teszt console.log(pi); // 3.14 |
Amennyiben html fájlba szeretnénk importálni, meg kell adni a <script type=”modul”> modul attributumot a script tag-nek!
Importálhatunk egyszerre mindent a * operátorral!
|
1 2 3 4 |
// maradva a matek.js példánál import * as math from './matek.js'; console.log(math.osszeadas(2, 3)); // 5 console.log(math.kivonas(5, 3)); // 2 |