(default) export, import

default export

'wow.js' 파일에서 'Wow'라는 기본(default)으로 내보낸 항목을 가져온다.

//index.js
import Wow from 'wow.js';

 

'export default'로 내보낸 객체나 클레스를 가져온다.

//wow.js
export default function Wow(obj){
    this.obj = obj;
    return this;
}

Wow.prototype = {
    play : function(value) {
        console.log("play~!" + value)
    },
    error : function(value) {
        console.log("error~!" + value)
    },
}

 

Wow모듈에서 내보낸 객체를 인스턴스화해서 사용할 수 있다.

//index.js
const wow = new Wow(obj);
wow.play("축구"); //play~!축구

 

---

 

export

'bab'이라는 이름으로 'bab.js'파일에서 모든 내보낸 항목을 가져온다.

//index.js
import * as bab from 'bab.js';

 

'export'로 내보낸 모든 항목을 하나의 객체로 가져와서 사용할 수 있다.

//bab.js
export function bab1(value){
    console.log(value + "땡겨");
}

export function bab2(){
	...
}

export const PI = 3.14;

 

'bab'객체를 사용하여 해당 파일에서 내보낸 모든 항목에 접근할 수 있다.

//index.js
bab.bab1("마라샹궈"); //마라샹궈땡겨
console.log(bab.PI); //3.14