Модули в JavaScript

Прекрасное видео:  https://youtu.be/VtEwDiC5npA

Есть два файла index.js, calc.js

Из calc.js в index.js импортируем функции

Импортируем функцию

calc.js

function add(a, b) {

  return a + b;

}
export { add }

index.js

import { add } from './calc';

console.log(add(3, 5)); // 8

Импорт по умолчанию

calc.js

function add(a, b) {

  return a + b;

}

export default add;

index.js

import add from './calc';

console.log(add(3, 5)); // 8

Импортируем сайд-эффект

calc.js

document.querySelector('body');

body.style.backgroundColor = '#22ee44';

index.js

import './calc.js'; // цвет фона стал зелёным

Так тоже работает

calc.js

function bgc() {

  const body = document.querySelector('body');

  body.style.backgroundColor = '#22ee44';

}

export default bgc;

index.js

import bgc from './calc';

bgc();