모듈의 이해(import, export)

2017. 7. 25. 10:47Dev/javascript

반응형


const a = 1;
const b = 2;
export { a };
export const c = 3;
export default b;

위과 같이 export 했다면

아래와 같이 import 할 수 있다.

import d, { a, c as e } from './Example';
console.log(a, d, e); // 1, 2, 3

export 할 때 {} 와 const 로 설정했다면

import 할 때 {} 로 받아서 사용할 수 있다.

또한 import 할 때 as 변수명을 변경할 수 있다.


export 할 때 default 로 설정했다면

import 할 때 {} 없이 변수를 임의로 정해서 받을 수 있다.(위에서 import d 처럼)



참고

https://www.zerocho.com/category/EcmaScript/post/579dca4054bae71500727ab9

반응형