ES6의 export 내보내기

export

- export 문은 JavaScript 모듈에서 함수, 객체, 원시 값을 내보낼때 사용한다.

- 내보낸 값은 다른 프로그램에서 import 문으로 가져가 사용할 수 있다.

​

* export 문은 html 안에 작성한 스크립트에서는 사용할 수 없다.

​

ex)

export let myVariable = Math.sqrt(2);

export function myFunction() {...};

​

//자식 모듈을 가져와 다시 내보낼수 있다.

import foo from 'bar.js';

export foo;

​

​

* export 와 export deafault 선언의 차이

​

- export 로만 선언

// Obo.js

export const a = 12;

​

import { a } from './Obo.js'

: export 로만 선언 했을경우 { } 중괄호 안에서 보내진 변수명으로 선언

​

- export default

//Obo.js

export default const a = 12;

​

import a from './Obo.js'

: export default로 선언했을경우 기본이기때문에 중괄호 필요없다.