ES6 Modules(모듈) | #Developer #Hotsse

Module

어플리케이션을 구성하는 개별적인 요소를 모듈이라 부르며, 자바스크립트를 기능 별로 쪼개서 저장한 후 필요한 기능을 import 해서 프로젝트에 삽입하여 사용할 수 있다.

이전까지는 없던 모듈 기능을 ES6에서 추가했지만 대부분 브라우저에서 지원하지 않으므로, Babel이나 TypeScript를 사용해 ES5로 변환하여 사용하도록 한다.

export

// num.js
export const random = Math.random();

export function double(x){
    return x*2;
}

const random = Math.random();

var double = x=>x*2;
export { random.double };

import

// main.js
import {random.double} from "./num.js"

// main.js
import * as num from "./num.js"

// main.js
import { random as ran.double as db } from "./num.js"

References

https://takeuu.tistory.com/88?category=737612 [워너비스페셜]