[TS] type-challenges: 189

💙 Typescript/type-challenges

[TS] type-challenges: 189 - Awaited

선달 2023. 7. 17. 20:15

Promise와 같은 타입에 감싸인 타입이 있을 때, 안에 감싸인 타입이 무엇인지 어떻게 알 수 있을까요?

예시: 들어 Promise<ExampleType>이 있을 때, ExampleType을 어떻게 얻을 수 있을까요?

type ExampleType = Promise<string>

type Result = MyAwaited<ExampleType> // string

type MyAwaited<T> = T extends PromiseLike<infer K> ? MyAwaited<K> : T;

Array vs ArrayLike, Promise vs PromiseLike

타입스크립트에는 ArrayLike라는게 존재한다. Array는 일반적인 배열을 의미하는데, ArrayLike는 무엇일까? 이를 알아보기 위해 lib.es5.d.ts에 가서 각각의 스펙을 살펴보자. Array ArrayLike interface ArrayLike {

yceffort.kr

TypeScript - infer

조건부 타입의 조건식이 참으로 평가될 때에는 infer키워드를 사용할 수 있다. 예를 들어,Element<number> extends Element<infer U>와 같은 타입을 작성하면, U타입은 number타입으로 추론(infer)된다. 이후, 참

velog.io

[TIL] Typescript 제네릭 및 유틸리티 타입

타입스크립트 제네릭 및 유틸리티 타입에 대해 알아보자

velog.io

[TS] type-challenges: 268 - If (0)	2023.07.19
[TS] type-challenges: 43. Exclude (0)	2023.07.14
[TS] type-challenges: 18. Length of Tuple (0)	2023.07.05
[TS] type-challenges: 14. First of Array (0)	2023.07.04
[TS] type-challenges : 11. Tuple to Object (0)	2023.07.03