Default

Le terme default permet d'exporter une propriété sans lui donner de nom. C'est à l'importateur de lui en attribuer un.

Méthodejs/modules/compteur.js

1
export default class Compteur {
2
    constructor(step = 1) {
3
    this.nb = 0;
4
    this.step = step;
5
  }
6
  increment() {
7
    this.nb += this.step;
8
    return this.nb;
9
  }
10
11
  decrement() {
12
    this.nb -= this.step;
13
    return this.nb;
14
  }
15
}
Le terme default a été ajouté après le terme export.
Méthodejs/app.js
1
import Cpt from "./modules/compteur.js";
2
3
const cpt = new Cpt(2);
4
const compteur = document.querySelector("#compteur");
5
6
compteur.textContent = cpt.nb;
7
8
document
9
  .querySelector("#increment")
10
  .addEventListener("click", () => compteur.textContent = cpt.increment());
11
12
document
13
  .querySelector("#decrement")
14
  .addEventListener("click", () => compteur.textContent = cpt.decrement());
15
16
import Cpt : l'utilisateur fait le choix d'appeler la propriété de l'export Cpt.