export

export default vs export

프로그램을 하다보면 별 생각없이 아래와 같이 사용합니다.

export class ClassName {

}

그런데 default 를 만나면...

export default class DefaultClassName {

}

두가지 모두 차이점은 없습니다. 단, import 할때 형식이 약간 다릅니다.

import { ClassName } from './.......';
import DefaultClassName from './.......';

{} 을 사용안하는 거 외에 차이가 없는데 왜 헷갈리게....
가끔은 export default가 편한 점이 있습니다.

JQuery.d.ts

declare let $: JQuery;
export default $;

App.ts

import $ from "jquery";
$("button.continue").html( "Next Step..." );

참조 : https://www.typescriptlang.org/ko/docs/handbook/modules.html

export class

export function

export function isEmpty(obj: any) {
  return obj === null || obj === undefined;
}

import { isEmpty } from '../helpers';
..........
if (isEmpty(state)) { // 초기화 없이 바로 적용
  
} 

export const

export const myConstants = {
'constant1`': 'Something',
'constant2': 'Something else'
};

import { myConstants as someAlias} from './constants';  // as 를 이용하여 이름을 변경 가능
// or
import { myConstants } from './constants';