Mòdul

Introducció#

Els mòduls ECMAScript (o ESM) són el format estàndard oficial per empaquetar codi JavaScript per a la seva reutilització.

Els mòduls es defineixen mitjançant les instruccions import i export.

Un mòdul et permet aïllar un conjunt de funcions de tal manera que només aquelles funcions que tu declaris expressament es podran utilitzar des d’altres funcions.

Això és molt important per evitar la col·lisió de noms i evitar dependències no volgudes entre mòduls (desacoblament modular)

Mòdul#

Crea un projecte school:

mkdir school && cd school
npm init -y

Modifica el fitxer package.json i afegeix el camp “type perquè tots els fitxers *.js es carreguin com a mòduls ES:

{
  "name": "school",
  "version": "1.0.0",
  "description": "",
  "type": "module",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

Crea un fitxer data.js que exporti la funció enroll:

export const enroll = function (course, student) {
	console.log(`${student} enrolled in '${course}' course.`)
}

El que fem és exportar una const amb el nom enroll que té com a valor una funció anònima.

Fixa’t que la sintaxis és una mica diferent respecte la declaració normal d’una funció:

function enroll(course, student) {
  console.log(`${student} enrolled in '${course}' course.`)
}