"export default, import"주의 사항

2254 단어 JavaScript모듈tech
JS에서 export default에서 변수 이름을 변경할 수 있습니다.
ex.
export.js
const testName1 = "yamada";
const testName2 = "sato";

export default testName1; //export defaultを使った書き方
export { testName2 };     //Named importを使った書き方

import.js
import name1 from "./export.js";         //testName1じゃなくてよい!!
import { testName2 } from "./export.js"; //testName2でなければならない!!(変数名を変えると、undefinedになる)

console.log(name1);
console.log(testName2);

결과 내보내기
4
yamada
sato
import 중 변수 이름이 가려지지 않으면
나는 특별히 변수명을 바꾸는 의미도 없다고 생각한다.
따라서 필요하지 않으면 export default를 사용하지 마십시오
Named import 를 사용하면 버그가 발생하지 않을 것 같습니다.

좋은 웹페이지 즐겨찾기