Modules

- 왜 쓰는가? ES5에서는 모듈화가 없었다. ( 모듈화는 재사용성이 필요할 때 쓰임 ) 그래서 ES6에 추가됨

- JavaScript 모듈 로더 라이브러리(AMD, Commons JS)기능을 js 언어 자체에서 지원

- 호출되기 전까지는 코드 실행과 동작을 하지 않는 특징이 있음

// libs/math.js
export function sum(x, y) {
    return x + y;
}
exprot const pi = 3.141592;

// main.js
import {sum} from 'libs/math.js';
sum(1, 2);

- Vue.js에서 마주칠 export default

- default : 파일에서 export가 한개만 가능함. 이로 인해서 캡슐화(encapsulation)가 가능

// libs/math.js
export default function (x) {
    return console.log(x);
}

// main.js
import name1 from 'util.js';
console.log(name1); // function (x) { return console.log(x); }
name1("hi");

// app.js
import name2 from 'util.js';
console.log(name2);
name2("hi");