모듈의 이해(import, export)
2017. 7. 25. 10:47ㆍDev/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
반응형
'Dev > javascript' 카테고리의 다른 글
기생 조합 상속 parasitic combination inheritance (0) | 2017.08.06 |
---|---|
webpack resolve (0) | 2017.07.29 |
npm과 yarn의 명령어 비교 (0) | 2017.07.25 |
자바스크립트 성능과 사용자 경험 개선 (0) | 2017.07.16 |
브라우저의 단일스레드와 repaint, reflow (0) | 2017.07.16 |