[javascript]export, import

export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼 때 사용한다. 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할 수 있다.

내보내기에는 두 종류, 유명(named)과 기본(default) 내보내기가 있다. 모듈 하나에서, 유명 내보내기는 여러 개 존재할 수 있지만 기본 내보내기는 하나만 가능하다.

유명내보내기 예제

function cube(x) {
  return x * x * x;
}
const foo = Math.PI + Math.SQRT2;
var graph = {
    options: {
        color:'white',
        thickness:'2px'
    },
    draw: function() {
        console.log('From graph draw function');
    }
}
export { cube, foo, graph };

import { cube, foo, graph } from 'my-module';
graph.options = {
    color:'blue',
    thickness:'3px'
};
graph.draw();
console.log(cube(3)); // 27
console.log(foo);    // 4.555806215962888

기본 내보내기

export default function cube(x) {
  return x * x * x;
}

import cube from './my-module.js';
console.log(cube(3)); // 27

출처 : https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export