[JavaScript] 자바스크립트에서 모듈 내보내기 (export)
2022. 8. 8. 12:20ㆍProgram/JavaScript
264_자바스크립트에서 모듈 내보내기
[적용]
- 상수, 함수 등을 모듈로 내보내고 싶을 때
[문법]
구문 | 의미 |
export 모듈 | 모듈 내보내기 |
[내용]
export는 모듈을 내보내기(외부에 공개) 위한 선언으로 export 선언한 데이터를 모듈로 공개한다.
클래스, 객체, 변수, 상수, 함수 등 여러 데이터 타입을 모듈로 사용할 수 있다.
JavaScript
// 상수 myConstnat 내보내기
export const myConstant = 2;
// 객체 myObject 내보내기
export const myObject = { name: '사자', age: 18 };
// 함수 myFunction 내보내기
export function myFunction() {
console.log('my task');
}
// 클래스 myClass 내보내기
export class MyClass {
constructor() {}
}
export를 여러 개 선언하면 하나의 자바스크립트를 사용해 여러 개의 모듈을 한꺼번에 내보낼 수 있다.export default를 사용하면 하나의 자바스크립트 파일에서 하나의 모듈만 내보내기가 가능하다.
JavaScript
export class MyModule1 {}
export const MyModule2 = 200;
export default 모듈명;
참조 :
실무에 바로 적용하는 자바스크립트 코드레시피 278
아케다 야스노부, 카노 타케시 지음 / 이춘혁 옮김
'Program > JavaScript' 카테고리의 다른 글
[JavaScript] 모듈형 자바스크립트 HTML에서 읽어오기 (0) | 2022.08.08 |
---|---|
[JavaScript] 자바스크립트에서 모듈 가져오기 (import) (0) | 2022.08.08 |
[JavaScript] 자바스크립트 처리 파일 분할하기 (ES 모듈) (0) | 2022.08.08 |
[JavaScript] 자바스크립트에서 this 기능(화살표함수) 사용하기 (0) | 2022.08.08 |
[JavaScript] 자바스크립트에서 클래스 데이터의 setter/getter 사용하기 (0) | 2022.08.07 |