Alias

En cas de conflit de noms importés, on peut les modifier par des alias.

Méthodejs/modules/compteur.js

1
let nb = 0;
2
let step = 1;
3
4
const setStep = (val) => {
5
  step = val;
6
};
7
8
const increment = () => {
9
  nb += step;
10
  return nb;
11
};
12
13
const decrement = () => {
14
  nb -= step;
15
  return nb;
16
};
17
18
export { increment, decrement, nb, setStep };
Pas de changement
Méthodejs/app.js
1
import { increment as plus, decrement as moins, nb, setStep } from "./modules/compteur.js";
2
3
const compteur = document.querySelector("#compteur");
4
5
setStep(2);
6
7
compteur.textContent = nb;
8
9
document
10
  .querySelector("#increment")
11
  .addEventListener("click", () => compteur.textContent = plus());
12
13
document
14
  .querySelector("#decrement")
15
  .addEventListener("click", () => compteur.textContent = moins());
increment as plus : la fonction increment est renommée plus.