TypeScript에서 typeof 연산자가 작동하는 방식

Javascript에는 이미 어떤 유형이든 찾는 데 사용할 수 있는 바닐라typeof 연산자가 있습니다.

let x = "hello world";
console.log(typeof x); // Returns "string"

TypeScript는 강력한 유형의 언어이므로 typeof는 약간 다른 의미를 갖습니다. 모든 basic Javascript types typeof의 기능은 동일하게 유지되지만 몇 가지 유용한 추가 기능도 제공됩니다. typeof가 TypeScript에서 어떻게 작동하는지 살펴보겠습니다.

TypeScript에서 typeof가 작동하는 방식

TypeScript에서 typeof의 가장 기본적인 적용은 새로운 기본 유형의 생성입니다. 자체적으로 custom types in TypeScript을 정의하는 경우 typeof를 사용하여 기존 항목의 유형을 복사할 수 있습니다. number 를 가져오고 그 뒤에서 사용자 지정 유형을 만드는 간단한 예는 다음과 같습니다.

let x = 1234;

// Custom type aNumber
type aNumber = typeof x;

이는 변수 유형이 다를 수 있고 특정 변수를 일치시키려는 경우에 유용할 수 있습니다. 속성이 기존 변수 유형과 일치해야 하는 속성이 많은 사용자 지정 유형을 생성할 때도 유용할 수 있습니다.

let x = 1234;
let y = "string";

// Custom type aNumber
type myType = {
    name: typeof y,
    age: typeof x,
}

보시다시피 typeof는 기본적으로 기존 객체의 값과 유형을 구별하는 방법을 제공합니다. 또한 ReturnType와 매우 직관적으로 결합하여 함수에서 값을 기대할 때 유형 일관성을 보장하기 위해 함수의 반환 값을 얻을 수 있습니다.

function myFunction(x: string, y: string) {
    return { 
        firstName: x,
        lastName: y
    }
}
type nameType = ReturnType<typeof myFunction>;

I have covered ReturnType in more detail in this article , 자세한 내용을 보려면 확인하십시오. 마찬가지로 you can learn more about TypeScript here .