LHJ

I'm a FE developer.

ES6 Module 문법

20 Sep 2020 » node_webpack

ES6 Module 문법

export 변수;
export 함수;

이렇게 내보낼 것들을 적어주면 된다.

import { 불러올 변수 또는 함수 이름 } from '파일경로';

import & export 기본 예제

배운 문법을 바탕으로한 간단한 예제이다.

// main.js
export var pi = 3.14;
// app.js
import { pi } from './main.js';

console.log(pi); // 3.14
  • 모듈방식으로 얻을 수 있는 효과

    파일별로 변수의 유효범위가 나뉘어지기 때문에(네임 스페이스) 모듈 차원에서의 관리가 훨씬 더 수월해진다.


// math.js
export var pi = 3.14;
export function sum (a, b) {
    return a + b;
}
// app.js
import { sum } from './math.js';

sum(10, 20); // 30