export class와 default export class

2017.08.12 in Typescript

1 2	// MyClass.ts export default class MyClass { /* ... */ }

export defulat의 경우, 파일당 하나의 default export만 가능하다.

1	import MyClass from "./MyClass";

다음과 같이 rename을 해줄 수도 있다.

1	import MyClassAlias from "./MyClass";

1
2
3

// MyClass.ts
export class MyClass { /* ... */ }
export class MyOtherClass { /* ... */ }

export의 경우, 다중 export가 가능하다, 이름도 지정 가능.

1	import {MyClass, MyOtherClass as MyOtherClassAlias} from "./MyClass";

프로젝트가 복잡해질 수록, named export가 유용하다는 의견이 있다. default export의 경우 해당 파일에서만 유효하지만, named export의 경우는 다른 파일들의 클래스에서도 유효하다고 한다.

Reference