Как реализуется enum в JS из Typescript?

Question

[Timofei1997]

Есть код в ts:

enum Membership {
    Simple,
    Standart,
    Premium
}

После компиляции в js он выглядит следующем образом:

var Membership;
(function (Membership) {
    Membership[Membership["Simple"] = 0] = "Simple";
    Membership[Membership["Standart"] = 1] = "Standart";
    Membership[Membership["Premium"] = 2] = "Premium";
})(Membership || (Membership = {}))
Можете, пожалуйста, объяснить, что выполняет эта часть кода: (Membership || (Membership = {})

И почему это всё обёрнуто в функцию?

Answer 1

[Aetae]

Потому что enum в typescript может мержиться:
Валидный код:

enum Membership {
  Simple,
  Standart,
  Premium
}

enum Membership {
  SimpleX = 99
}

Почему компилятор не собирает его воедино, если такие штуки тока на этапе компиляции работают - я хз, но наверное есть причины.

Comments

[Lynn «Кофеман»]

хотя нет, я бред написал

[Lynn «Кофеман»]

Зато можно эпично выстрелить себе в ногу

enum X {
  a = 1
}

let b: X = X.b;

enum X {
  b = 2
}

console.log(b); // undefined

[Lynn «Кофеман»]

Но вообще ещё из-за этого https://www.typescriptlang.org/docs/handbook/decla...

Answer 2

[Дмитрий Беляев]

Можете, пожалуйста, объяснить, что выполняет эта часть кода: (Membership || (Membership = {})

Если в Membership не falsy значение (например объект), то передать ссылку на него в функцию, иначе (если в Membership undefined) присвоить в Membership новый объект и передать ссылку на него в функцию

И почему это всё обёрнуто в функцию?

Сложно сказать, думаю кто-то скопировал код отсюда в код сюда и не стал париться, так как в обоих случаях есть declaration merging, о котором уже написал Aetae

А вообще стоит узнать про const enum, который не оставляет артефактов в JS и в подавляющем большинстве случаев его достаточно.