• DOCS

enum type

<aside> 👩‍🌾 Enum을 사용할 경우 Tree-shaking이 되지 않습니다. tree shaking ?

</aside>

Handbook - Enums

자바스크립트의 enumerable한 요소는 순환과 탐색이 가능 하듯이 객체의 필요한 값을 타입으로 정의해 열거하여 사용하는 타입입니다.

숫자 열거형 (Numeric enums)

다른 언어를 배워 보신 분들이라면 친숙하게 느끼실 수 있는 숫자 열거형에 대해서 먼저 배워보겠습니다. 열거형은 enum 키워드를 사용해 정의할 수 있습니다.

enum Direction {
  UP,
  DOWN,
  LEFT,
  RIGHT,
}

👉 전부 초기화 하지 않음

UP= 0 DOWN = 1…로 자동 증가함

enum Keyboard {
  A = 65,
  B,
  C,
  D,
}

👉 하나만 초기화

A= 65, B = 66 … 로 자동 증가함

문자열 열거형 (String enums)

.문자열 열거형에서 각 멤버들은 문자열 리터럴 또는 다른 문자열 열거형의 멤버로 상수 초기화 해야 합니다.

• 숫자 열거형처럼 자동 증가는 못 하지만 직렬화를 함

  숫자형 열거형이 제공하지 못하는 유의미한 정보를 명확하게 판단 가능 (가독성)

enum Direction {
	//문자열 리터럴로 초기화
  Up = "UP",
  Down = "DOWN",
  Left = "LEFT",
  Right = "RIGHT",
 //다른 열거형의 멤버로 초기화
  up = Up,
}

• 😵‍💫 런타임에서 열거형의 동작이 약간 다르다 ?

이종 열거형(Heterogeous enums)

숫자와 문자를 섞어서 열거형을 사용할 수 있음 ! 자바스크립트 런타임에서 장점을 취하려는 게 아니면 이렇게 사용하지 말 것

enum BooleanLikeHeterogeneousEnum {
  No = 0,
  Yes = "YES",
}

computed and constant members