[typescript] as & ReturnType

as type

ex)

as number

 

얘는 넘버타입이야!!라고 지정

 

타입선언

const green:Preson = {name: "aaa"}

 

타입은 Person

타입단언

const green = {name: "bbb"} as Person

 

타입은 Person

 

*타입 단언을 사용하면 타입체크를 하지 않음
타입체커에게 오류를 무시하도록 함

 

밑에 실습을 보면
 {name: "aaa", age: 30}
속성 age가 추가되면 타입선언은 에러가 발생되는데 타입단언은 에러 없음

이유는 타입스크립트가 추론한 타입이 있더라도 Person 타입으로 간주함

 

실습

import React from 'react';
import logo from './logo.svg';
import './App.css';

interface Person {
  name: string
}

const person1:Person = {  //타입체크가 되서 에러 발생
  name: "green",
  age: 30  //에러발생
}

const person2 = {name:"blue", age: 30} as Person  
//에러 무시해줌

function App() {
  return (
    <div className="App">
      
    </div>
  );
}

export default App;

 

 

ReturnType<typeof함수>

특정함수의 반환값을 추론(이 제네릭 안에 함수를 넣어주면 리턴 되는 값을 추론)