Import & Export

바유·2022년 3월 28일
0
post-thumbnail

Import:외부 스크립트 or 외부 모듈의 export된 함수, 객체를 가져오는데 사용된다.

가져올 수있는 것들

import { member } from "module-name";

import { member1, member2 } from "module-name";
하나 or 여러 멤버 가져오기

import * as myModule from "my-module.js";
모듈 전체 가져오기

import myModule from "my-module.js";
default export 값 가져오기

import "my-module.js";
바인딩 없이 모듈만 실행하기

mport {reallyReallyLongModuleMemberName as shortName} from "my-module.js";

다른 이름으로 멤버 가져오기

Export: 파일이나 모듈안의 함수나, 객체를 export 하는데 사용된다

방법의종류: 1)Named exports : export된이름을 사용하여 import 하여 사용가능하며 여려값을 export하는데 유용
ex:)export { myFunction }; export const foo = Math.sqrt(2);

2)Default exports: 모듈 당 딱 한개의 default export(객체, 함수, 클래스) 만 있어야하며 간단하게 할수있다. 주로 단일값, 대체값을 export할때 사용한다.

ex:) export default myFunctionOrClass

Reference
https://beomy.tistory.com/22

#Export icons created by Parzival’ 1997 - Flaticon

0개의 댓글