ES6 Module 문법
export 변수;
export 함수;
이렇게 내보낼 것들을 적어주면 된다.
import { 불러올 변수 또는 함수 이름 } from '파일경로';
import & export 기본 예제
배운 문법을 바탕으로한 간단한 예제이다.
// main.js
export var pi = 3.14;
// app.js
import { pi } from './main.js';
console.log(pi); // 3.14
모듈방식으로 얻을 수 있는 효과
파일별로 변수의 유효범위가 나뉘어지기 때문에(네임 스페이스) 모듈 차원에서의 관리가 훨씬 더 수월해진다.
// math.js
export var pi = 3.14;
export function sum (a, b) {
return a + b;
}
// app.js
import { sum } from './math.js';
sum(10, 20); // 30