import하는 방식에는 2가지가 있다.

 

import { promote } from './module3';

import Teacher from './module3';

import Teacher, { promote } from './module3';

 

{}를 가지고 객체형태로 import시키는 값들은

해당 모듈파일에서 export해준 function이나 class를 명시해준다.

 

하지만 Teacher처럼 해당 import값의 기본값을 설정해줄수있다.

 

module3.js

import { Person } from './module2';

export function promote() {};

// Teacher의 default값을 설정해준다.
export default class Teacher extends Person {
   constructor(name, degree) {
      super(name);
      this.degree = degree;
   }

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

 

module.js

import Teacher, { promote } from './module3';

const teacher = new Teacher('Sample', 'MSc');
teacher.teach();

'JavaScript > Vanilla JS' 카테고리의 다른 글

import, export (Module 모듈)  (0) 2021.05.02
IIFE (즉시 실행 함수)  (0) 2021.04.24
Destructuring (구조 분해 할당)  (0) 2021.04.23
eval (문자로 표현된 코드 실행)  (0) 2021.04.22
Promise (프로미스) 1  (0) 2021.04.20