[TIL🔥]Day13(8/19)

export(エクスポートモジュール)

// export 사용 예시
export const DOMAIN_NAME = "www.daseul.codes";
export const PORT = "8000";

export const isProduction = () => {
  return false;
};

义齿

// export default 사용 예시
// 모듈에 sayHello라는 함수 하나만 존재할 경우
export default function sayHello(){
  alert("Hello!");
}

import(インポートモジュール)

// import 사용 예시 

// module-name 내에 export default로 내보내진 것을 가져온다
import defaultExport from "module-name";

// module-name 내에서 export된 모든 것을 모두 가져온다
// as 이후 이름은 중복되지만 않으면 자유롭게 정하기 가능
import * as allItems from "module-name";

// module-name 내에서 export된 것 중에 특정 값만 가져온다
import { loadItem } from "module-name";

// module-name 내에서 export된 것 중에 특정 값만 이름을 바꿔서 가져온다
import {
  loadItem as loadSomething 
} from "module-name";

// export default된 것과 개별 export된 것을 한번에 가져올 수 있다
import defaultFunction, {
  loadItem
} from "module-name";

// 별도의 모듈 바인딩 없이 불러오기만 한다
// 불러오는 것만으로 효과가 있는 스크립트의 경우 사용
import "module-name";

// constants.js에서 DOMAIN_NAME은 dn으로
// PORT는 p로 가져온다
import { DOMAIN_NAME as dn, PORT as p } from "./constants.js";

// App.js에서 export default된 App과
// 개별 export된 printToday를 한 번에 가져온다 
import App, { printToday } from "./App.js";

モジュールのメリット