Mòduls: export i import

Als seus inicis, JavaScript va començar exercint un petit rol, quan la web estava majorment feta en HTML.

Avui Javascript ha esdevingut gegant i alguns llocs web estan gairebé completament construïts amb JavaScript.

Amb la finalitat de fer JavaScript més modular, net i mantenible, ES6 va introduir una manera de compartir codi fàcilment entre fitxers JavaScript. Això implica exportar parts d'un fitxer per utilitzar en un o més fitxers, i importar les parts que necessites on les necessitis.

Per aprofitar aquesta funcionalitat, necessites crear un script al teu document HTML amb un type de module.

Exemple:

<script type="module" src="filename.js"></script>

Un script que utilitzi aquest module ara podrà utilitzar les característiques import i export.

Export

car.js

export default class Car{
    constructor(color) {
        this.color = color;
    }
}

Import

Import et permet escollir quins parts d'un arxiu o mòdul importar.

main.js

import Car from "./car.js";

let cotxe = new Car("vermell");

El ./, indica a import que busqui el fitxer car.js a la mateixa carpeta que el fitxer actual.

La ruta relativa del fitxer (./) i l'extensió del fitxer (.js) són necessaris.