이건 왜 오류가 안나타는걸까요?
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
안녕하세요, 인프런 AI 인턴입니다.
강용석님께서 질문하신 코드에서 typeof val === "object"인 경우, val이 null일 가능성 때문에 오류가 발생할 수 있어야 합니다. 그러나 해당 코드에서 오류가 나타나지 않는 것처럼 보이신 이유는 여러 가지가 있을 수 있습니다. 일반적인 설명과 해결책은 다음과 같습니다:
타입 가드:
typeof연산자는 원시 타입에 대해서만 정확한 검사를 할 수 있습니다.object,null,array등은 모두object로 간주되므로,typeof val === "object"조건에서는null값도 통과하게 됩니다. 그렇기 때문에null일 경우에도 계속 실행됩니다. 따라서,null을 배제하고자 할 경우, 추가적인 조건 검사(val !== null)가 필요합니다.instanceof사용:instanceof연산자를 사용하여 특정 객체 타입을 체크할 수 있습니다. 만약Date객체를 검사하고 싶다면val instanceof Date로 수정할 수 있습니다.null이나 다른 객체와 확실히 구분할 수 있습니다.컴파일러 설정: 컴파일 설정이
strict모드가 아닐 경우, TypeScript는 더 자유롭게 타입을 추론할 수 있습니다. 따라서, 만약 오류 경고를 제대로 받고 싶으시다면tsconfig.json파일에서strict옵션을true로 설정해보세요.
비슷한 유형의 질문에 대한 커뮤니티 답변을 참고하시면 도움이 될 것입니다. 관련 링크를 통해 자세한 내용을 확인해 보세요:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
적절한 타입 찾기 React.ChangeEvent<HTMLInputElemen>
0
24
2
outDir 옵션 추가 후 컴파일 오류 질문
0
60
1
호출 시그니처 질문
0
64
2
서로소 유니언 타입이 discriminated union과 동의어 인가요?
0
75
2
조건부타입소개 중 함수오버로딩 활용 시 인수의타입과 함수의 반환값의 타입이 깨지는 문제
0
65
1
할인쿠폰 관련하여
0
155
2
프론트엔드에서의 인터페이스활용
0
92
2
안녕하세요 이정환님!
0
91
1
Node.js 설치에 관한 질문입니다.
0
79
2
함수 타입 호출 시그니처
0
56
1
35강. 모듈 보강은 라이브러리 파일을 직접 편집해야 하나요?
0
63
2
인터페이스 문법이 있는데 타입 별칭 문법은 왜 있나요?
0
116
4
마우스 호버 시 정보
0
91
2
vite으로 리액트 빌드하기를 업데이트해주세요.
1
89
2
타입가드를 만들어 사용하는 이유가 궁금합니다.
0
83
2
섹션 12가 너무 어려운데... 정상이겠죠..?
0
136
2
선생님.. 알고리즘도 강의해주시면안되나요
0
100
2
선생님은 어떻게 이런걸 아세요?
0
128
1
type: module
0
97
2
7:17초 업캐스팅 질문이있습니다!
0
76
1
슈퍼타입질문
1
62
2
프로젝트 설치
0
103
2
enum은 비원시 타입이면서 열거형 타입이 되는건가요?
0
68
2
함수는 함수타입? 객체타입??
1
94
2





