Typescript study (1) Type Annotations in Action and Variable

Type annotaions

변수가 참조하는 값의 type이 무엇인지 typescript에 표시하는 코드입니다.

• function이 'any' 유형을 반환하고 값을 명확히 해야 할 때

const json = '{"x":10, "y":20}';
const coordinates: { x: number; y: number } = JSON.parse(json);
// JSON.parse 는 any를 반환합니다.

• 변수를 한 라인에 선언하고 나중에 초기화할 때

let countries: string[] = ['korea', 'japan', 'spain', 'ukraine'];
let foundCountry: boolean;

for (let i = 0; i < countries.length; i++) {
  if (countries[i] === 'korea') {
    foundCountry = true;
  }
}

• 변수를 추정할 수 없는 유형으로 지정하려는 경우

let numbers: number[] = [-20, -30, 50, 60];
let numberAboveZero: boolean | number = false;

for (let i = 0; i < numbers.length; i++) {
  if (numbers[i] > 0) {
    numberAboveZero = numbers[i];
  }
}

Type inference

Typecript는 변수가 참조하는 값의 type을 파악하려고 합니다.
변수 선언과 초기화가 같은 라인에 있으면 Typescript는 변수 type을 확인합니다.

let kiwi = 5;
// kiwi is number
let beer; // beer is any
beer = 5;