TypeScript에서 숫자로 사용한 후 변수 유형이 여전히 문자열 인 이유는 무엇입니까?

TypeScript Type Assertion : as number 유효하지 않은 이유는 무엇입니까?

이 기사에서는 TypeScript의 유형 변환, 특히 as 키워드의 한계에 대한 일반적인 오해에 대해 설명합니다.

장면이 나타납니다

다음 코드를 고려하십시오.

 const props = defineProps ()

getDictGroup (props.group)

내보내기 const getDictGroup = async (sid : number) => {
  const dick = await getDict ()
  console.info (typeof sid); // 출력은 "String"일 수 있습니다.
  숫자로 sid = sid;
  console.info (typeof sid); // 출력은 여전히 ​​"String"일 수 있습니다.
  console.info (typeof (sid as number)); // 출력은 여전히 ​​"String"일 수 있습니다.
}

sid number 유형으로 선언되고 as number 유형의 어설 션이 사용 되더라도 typeof sid 여전히 "string" 을 반환 할 수 있습니다. 이것은 as 키워드 실패가 아니라 행동 메커니즘에 의해 발생합니다.

as 의 특성

as 키워드는 Compile Time에서만 작동하는 TypeScript의 유형 어설 션으로 컴파일러에게 "믿으십시오. 내가하고있는 일을 알고 있습니다.이 값은이 유형입니다"라고 말합니다. 런타임에 실제 유형 변환을 수행 하지 않습니다 .

따라서 props.group 실제로 런타임에 문자열 인 경우 as number 어설 션이 이루어 지더라도 런타임 유형은 여전히 ​​문자열입니다. 연산자 typeof 런타임시 유형을 확인하므로 결과는 여전히 "string" 입니다. parseInt(sid) 컴파일 오류는 TypeScript가 컴파일 단계에서 유형 추론을 기반으로하고 sid 가 숫자 유형이라고 생각하고 parseInt 문자열 유형을 기대하는 것으로 생각되기 때문에보고합니다.

올바른 유형 변환 방법

실제 런타임 유형 변환을 수행하려면 JavaScript에서 내장 유형 변환 기능을 사용해야합니다.

• 문자열 ~ 번호 : Number(sid) , parseInt(sid, 10) (소수)
• to String : String(sid)

수정 코드 :

 내보내기 const getDictGroup = async (sid : string | number) => {// 매개 변수 유형 const dict = await getDict ()
  Numsid : 숫자;
  if (typeof sid === 'string') {
    numsid = parseint (Sid, 10); // 안전한 변환, 잠재적 오류를 처리하는 경우 (ISNAN (NUMSID)) {
      Console.error ( "잘못된 입력 : SID가 유효한 숫자가 아닙니다");
      반품; // 또는 오류를 던지기}
  } 또 다른 {
    numsid = sid;
  }
  console.info (numsid 타입); // 출력 "번호"
  // ... 후속 코드는 NumSID를 사용합니다
}

이 버전은 먼저 sid 유형을 확인한 다음 해당 변환을 수행하고 문자열을 숫자로 변환 할 수없는 상황과 같은 잠재적 오류를 처리합니다.

요약

as 키워드는 유형 어설 션이며 컴파일 타임 유형 확인에만 사용되며 런타임 유형을 변경하지 않습니다. 실제 유형 변환은 JavaScript의 유형 변환 기능을 사용하고 잠재적 런타임 오류를 처리하는 데주의를 기울여야합니다. 매개 변수 유형을 string | number 로 수정하십시오 함수가 문자열 또는 숫자를 입력으로 받아들이고 해당 처리를 수행 할 수 있도록 string | number . 코드의 견고성을 보장하기 위해 유형 변환을 수행 할 때 오류 처리 메커니즘을 추가해야합니다.

위 내용은 TypeScript에서 숫자로 사용한 후 변수 유형이 여전히 문자열 인 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!