import, export (Module 모듈)

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import

import - JavaScript | MDN

 

developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/export

export - JavaScript | MDN

 

import는 다른파일에서 내보낸 함수 객체 등을 가져올때

export는 다른파일로 함수 객체 등을 내보낼때 사용한다.

 

module3.js

// 내보낼 class에 export를 붙여준다.
export class Person {
   constructor(name) {
      this.name = name;
   }
   walk() {
      console.log("walk");
   }
}

 

module2.js

// 가져올 클래스명을 {}객체형태로 불러온다
// module2.js는 같이 폴더내에 위치함
import { Person } from './module2';

// 마찬가지로 내보낼 class에는 export
// Teacher class는 Person class를 상속받는다.
export class Teacher extends Person {
   constructor(name, degree) {
      super(name);
      this.degree = degree;
   }

   teach() {
      console.log("teach");
   }
}

 

module.js

// 마지막으로 Teacher class를 import한다.
import { Teacher } from './module3';

// 정상적으로 Teacher class와 Person class의 값을 사용 할 수 있다.
const teacher = new Teacher('Sample', 'MSc');
teacher.teach();

 

관련되서는 추가적인 내용이 존재하며, react나 기타 최신 js에서 많이 사용된다.