export
와 import
지시자는 다양한 방식으로 활용됩니다.
선언부 앞에 export 붙이기
변수나 함수, 클래스를 선언할 때 맨 앞에 export
를 붙이면 내보내기가 가능합니다.
아래 내보내기는 모두 유효합니다.
// 배열 내보내기
export let months = [1, 2, 3, 4, 5, 6, 7, 8, 9];
// 상수 내보내기
export const MODULES_BECAME_STANDARD_YEAR = 2015;
// 클래스 내보내기
export class User {
constructor (name) {
this.name = name;
}
}
클래스나 함수를 내보낼 땐 세미콜론을 붙이지 마세요.
클래스나 함수 선언 시, 선언부 앞에export
를 붙인다고 해서 함수 선언 방식이 함수 선언문에서 함수 표현식(function expression)으로 바뀌지 않습니다.
내보내지긴 했지만 여전히 함수 선언문입니다.대부분의 자바스크립트 스타일 가이드는 함수나 클래스 선언 끝에 세미콜론을 붙이지 말라고 권유합니다.
같은 이유로export class
나export function
끝에 세미콜론을 붙이지 않습니다.export function sayHi (user) { alert(`Hello, ${user}!`); } // 끝에 ; (세미콜론)을 붙이지 않습니다.