05. 모듈화(Modules)

  Modules는 JavaScript 모듈 로더(AMD, CommonJS)의 패턴을 코드화한 것으로 호출되기 전까지는 코드 실행과 동작을 하지 않는 특징이 있습니다. 재사용성이 뛰어난 기능들을 모듈화해서 사용이 가능하며 파일별로 Scope를 가져 변수의 Scope 충돌을 방지할 수 있습니다.

libs/math.js	main.js
export function sum(x, y) {   return x + y; } export var pi = 3.141593;	import * as math from 'libs/math'; alert("2π = " + math.sum(math.pi, math.pi)); ---------------------------------------------------------------- import {sum} from 'libs/math.js'; alert("2π = " + sum(3.141593, 3.141593)); ---------------------------------------------------------------- import {sum, pi} from 'libs/math.js'; alert("2π = " + sum(pi, pi));

  default export는 한 개의 파일에서 하나 밖에 되지 않습니다.

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