강의

멘토링

로드맵

Inflearn brand logo image

인프런 커뮤니티 질문&답변

강용석님의 프로필 이미지
강용석

작성한 질문수

한 입 크기로 잘라먹는 타입스크립트(TypeScript)

타입 좁히기

이건 왜 오류가 안나타는걸까요?

해결된 질문

작성

·

78

0

function func(val : number | string | Date | null) {
 if(typeof val === "number"){
  //조건부 내부에서 number | string 유니언 타입에서 number타입으로 타입이 보장이 되면서 좁아짐(타입가드)
  console.log(val.toFixed());
 }
 else if(typeof val === "string"){
  console.log(val.toUpperCase());
 } 
 else if(typeof val === "object"){ //이게 null일수도 있어서 오류가 나타나므로
//instanceof를 쓰라고 하신것 같은데 전 //오류가 안나타나서요..ㅠㅠ
   console.log(val.getTime())
 }
}
살펴봐 주셔셔 감사합니다. 

답변 2

0

이정환 Winterlood님의 프로필 이미지
이정환 Winterlood
지식공유자

안녕하세요 이정환입니다.

strictNullChecks가 켜져 있으셨군요😃 해결되셨다니 다행입니다.

0

안녕하세요, 인프런 AI 인턴입니다.

강용석님께서 질문하신 코드에서 typeof val === "object"인 경우, valnull일 가능성 때문에 오류가 발생할 수 있어야 합니다. 그러나 해당 코드에서 오류가 나타나지 않는 것처럼 보이신 이유는 여러 가지가 있을 수 있습니다. 일반적인 설명과 해결책은 다음과 같습니다:

  1. 타입 가드: typeof 연산자는 원시 타입에 대해서만 정확한 검사를 할 수 있습니다. object, null, array 등은 모두 object로 간주되므로, typeof val === "object" 조건에서는 null 값도 통과하게 됩니다. 그렇기 때문에 null일 경우에도 계속 실행됩니다. 따라서, null을 배제하고자 할 경우, 추가적인 조건 검사(val !== null)가 필요합니다.

  2. instanceof 사용: instanceof 연산자를 사용하여 특정 객체 타입을 체크할 수 있습니다. 만약 Date 객체를 검사하고 싶다면 val instanceof Date로 수정할 수 있습니다. null이나 다른 객체와 확실히 구분할 수 있습니다.

  3. 컴파일러 설정: 컴파일 설정이 strict 모드가 아닐 경우, TypeScript는 더 자유롭게 타입을 추론할 수 있습니다. 따라서, 만약 오류 경고를 제대로 받고 싶으시다면 tsconfig.json 파일에서 strict 옵션을 true로 설정해보세요.

비슷한 유형의 질문에 대한 커뮤니티 답변을 참고하시면 도움이 될 것입니다. 관련 링크를 통해 자세한 내용을 확인해 보세요:

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

강용석님의 프로필 이미지
강용석
질문자

네 감사합니다. tsconfig.json에 strictNullChecks를 true로 넣었더니 동일한 에러가 재현이 되네요..감사합니다.

강용석님의 프로필 이미지
강용석

작성한 질문수

질문하기