오늘의 TypeScript

• 함수란
  • 길고 복잡한 코드 한 단어로 축약 가능
  • 숫자 집어넣으면 다른 숫자 나오는 블랙박스 역할
  • 파라미터 (숫자 input역할)
  • return할 값(output되는 값 = 뱉어주세요)
  • 파라미터 만드는게 변수 작명이랑 똑같음
  • 변수만 만들면 :any 자동할당된다.
  • 함수는 파라미터, return 값 타입지정가능

// 파라미터로 들어올 수 있는 수는 숫자
// return 되어야하는 값도 숫자
function 함수(x : number) :number {
  return x * 2
}

함수(4)

 

• void 타입
  • void 타입(텅 비었다는 뜻)을 쓰면 실수로 뭔가 return하는 것을 사전에 막을 수 있다.

function 함수(x : number) :void {
  return x * 2
}

 

• 옵션파라미터
  • 타입스크립트가 기존 자바스크립트와 다른 점은 타입지정된 파라미터는 필수적으로 넣어줘야한다.
  • 그래서 이것을 해결하고 싶으면 옵션파라미터를 쓰면 된다. 변수 뒤에 ?만 넣으면 된다.
  • 변수가 ? 연산자는 들어올 수도 있다라는 뜻이긴 한데
    • 변수 : number | undefined (유니온 타입)
    • 즉 어떠한 값도 함수에 넣지 않으면 옵션파라미터 사용시 자동으로 변수의 값은 undefined가 된다.

// 수정 전
function 함수(x : number) {
  return x * 2
}
//에러난다.
함수()

// 수정 후
function 함수(x? : number) {
  return x * 2
}

// 에러가 나지 않는다.
함수()