본문 바로가기
  • Junior developer :)
TypeScript

TypeScript_02 Function & Parameter

by ram_Hi 2021. 4. 16.

항상 타입 보장하기!   타입은 명확하게!     타입은 엄격하게!     관리하기! 


기본 함수

파라미터와 리턴값에 타입을 선언하여 엄격하게 관리할 수 있다.

자바스크립트 경우 리턴값이 다양하게 올 수 있지만, 타입스크립트는 내가 정한 타입만 값으로 들어올 수 있다.

// JavaScript 
function jsAdd(num1, num2) {
  return num1 + num2;
}

// TypeScript 
function add(num1: number, num2: number): number {
  return num1 + num2;
}

 


Parameter 종류

1. Optional Parameter

  인자를 전달해도 되고 전달하지 않아도 되는 기능으로

  파라미터 이름 옆에 ?(물음표)를 입력하여, 그 해당 파라미터 값이 들어와도 되고 안 들어와도 오류가 안난다.

function printName(firstName: string, lastName?: string) {
  console.log(firstName);
  console.log(lastName); // 값이 들어와도 되고 안 들어와도 됨
}
printName('Krisha', 'Lee');
printName('David');

2. Default Parameter

  인자를 전달하지 않으면 기본값으로 설정 되는 기능.

  * 기본값 = 파라미터에 값을 미리 넣어놓은 값

function coffeeMenu(baseItem: string, latte = "Latte") {
  console.log(`${baseItem} ${latte}`);
}
coffeeMenu('Choco'); // Choco Latte(Default Parameter)
coffeeMenu('Cafe','Vienna'); // Cafe Vienna

3. Rest Parameter

  인자를 배열형태로 받아올 수 있는 기능.

  Spread 연산자(...)를 함께 사용하여 다수의 값이 들어올 수 있게 만들어준다.

function addNumbers(...numbers: number[]): number {
  return numbers.reduce((a, b) => a + b);
}
console.log(addNumbers(1, 2, 3, 4));
console.log(addNumbers(1, 2, 3, 4, 5, 0));

 

댓글