[Typescript]Literal Type로 만드는 const 변수 유사품

Literal Type

장점
1. 변수에 뭐가 들어올지 엄격하게 관리 가능
2. 자동완성 굿
3. const 변수처럼 사용할 수 있다. 

let name: "kim" | "park";
let me: "react" | "vue";
me = "react";

function func1(a: "hello") {
  console.log(a);
}

func1("hello");

function func2(): 1 | 0 {
  return 1;
}

func2();


// 가위, 바위, 보 만 파라미터로 들어갈 수 있고, 가위바위보 배열을 반환하는 함수 
type game = "가위" | "바위" | "보";
function rockSissorPaper(a: game): game[] {
  return [a];
}

 

Literal Type의 한계

// Literal type의 한계 
var data = {
  name: "kim",
}; // 꼼수 1: as const // object value값을 그대로 타입으로 지정해줌 

function myFunc(a :'kim'){

}


// myFuc(data.name) // ERROR
// 이유: myFunc의 파라미터는 
// 'kim'이라는 자료만 들어 올수 있다(X)
// 'kim'이라는 타입만 들어 올수 있다(O)
myFunc(data.name as 'kim') // 꼼수 2