[작은 단락] TypeScript는 매거진을 저장할 때 무엇을 합니까?

TypeScript의 기본 지식을 Playground 에서 배우고 다음 열거형 코드를 실행하는 경우

enum SEX {
    MALE,
    FEMALE,
    UNKNOWN
}
let m: SEX = SEX.MALE;

console.log(m) //=> 1
console.log(SEX[m]) //=>  "MALE"

다음 코드가 덤프됩니다.

"use strict";
var SEX;
(function (SEX) {
    SEX[SEX["MALE"] = 0] = "MALE";
    SEX[SEX["FEMALE"] = 1] = "FEMALE";
    SEX[SEX["UNKNOWN"] = 2] = "UNKNOWN";
})(SEX || (SEX = {}));
let m = SEX.MALE;
console.log(m); //=> 1
console.log(SEX[m]); //=>  "MALE"

가볍게 치는 거???그러니까 다시 자세히 볼게요.
이 부분에서 실시간 함수를 실행하여 SEX를 정의합니다.

(function (SEX) {
    SEX[SEX["MALE"] = 0] = "MALE";
    SEX[SEX["FEMALE"] = 1] = "FEMALE";
    SEX[SEX["UNKNOWN"] = 2] = "UNKNOWN";
})(SEX || (SEX = {}));

헷갈리기 쉬운 게 이 부분이에요.

SEX[SEX["MALE"] = 0] = "MALE"

이 점을 생략하지 않으면 다음과 같이 열거형 키 값이 서로 교환된 값을 각각 대상의 속성으로 정의합니다.

SEX["MALE"] = 0 // の実行結果は代入した値で0
SEX[0] = "MALE"

즉, 다음과 같은 객체를 정의합니다.

{
    0: "MALE",
    1: "FEMALE",
    2: "UNKNOWN",
    MALE: 0,
    FEMALE: 1,
    UNKNOWN: 2,
}

따라서 열거형 키와 키로 접근할 수 있다

let m = SEX.MALE
console.log(m) // => 1
console.log(SEX[m]) // => "MALE"

플레이그라운드에서 하면 변압기에 쌓인 js 옆에 나타나서 바로 볼 수 있어요. 초보자에게는 좋은 것 같아요!