← Back to NOTES 🌰 ← Back to Effective TypeScript

← 아이템 53 - 타입스크립트 기능보다는 ECMAScript 기능을 사용하기

핵심 요약

객체를 순회할 때 for-in 루프의 키 타입은 구체적인 키 타입이 아닌 string으로 추론된다. 이는 TypeScript가 구조적 타이핑을 사용하여 할당 가능한 모든 객체를 허용하기 때문이다. 정확한 타입이 필요하면 let k: keyof T를 사용하고, 일반적인 순회에는 Object.entries를 사용하는 것이 좋다. 프로토타입 오염 가능성도 항상 염두에 두어야 한다.

자세한 내용

for-in 루프의 키 타입 문제:

• for-in 루프에서 키 k는 string 타입으로 추론됨
• 객체의 실제 키는 리터럴 타입의 유니온이지만, k는 더 넓은 string 타입
• 이는 TypeScript의 구조적 타이핑 때문

구조적 타이핑의 영향:

• 함수 매개변수로 받은 객체는 선언된 타입보다 더 많은 속성을 가질 수 있음
• 예: ABC 타입을 받는 함수에 a, b, c, d 속성을 가진 객체 전달 가능
• 따라서 TypeScript는 키를 안전하게 string 타입으로 추론

keyof를 사용한 해결:

• let k: keyof T로 선언하면 정확한 키 타입 얻을 수 있음
• 그러나 값의 타입도 좁아져서 추가 속성의 값 타입을 다룰 수 없음
• 상수이거나 추가적인 키 없이 정확한 타입을 원하는 경우에 적절

Object.entries 사용:

• 키와 값을 순회하는 가장 일반적인 방법