4.함수 타입(JS →TS)

JavaScript 💩

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

TS 변환 하기

TypeScript ✨

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

number 타입 숫자를 지정해 주고 return number타입으로 지정해 줬다

---

JavaScript 💩

function jsFetchNum(id) {  
// code ...  
// code ...  많은 코드
// code ...  
return new Promise((resolve, reject) => {  
    resolve(100);  
  });  
}

TS 변환 하기

TypeScript ✨

function fetchNum(id: string): Promise<number> {  
// code ...  
// code ...   많은 코드
// code ...  
return new Promise((resolve, reject) => {  
    resolve(100);  
  });  
}

id: string 타입을 할당하고 Promise number로 리턴해 줬다

---

함수 타입 이용

JavaScript ✨ => TypeScript

Optional parameter

이름을 만드는 함수 제작

function printName(firstName: string, lastName?: string) {  
  console.log(firstName);  
  console.log(lastName); // undefined  
}  
printName('Steve', 'Jobs');  
printName('Sein');  
printName('Mina');

두가지의 인자를 설정 했을 때 1개만 인자를 보내고 싶을 때 사용한다.
?: (사용한다) Optional parameter
전달 할수 있고 전달 안 할수도 있다

Default parameter

function printMessage(message: string = 'default message') {  
  console.log(message);  
}  
printMessage();

string = 'default message'

기본 메시지를 설정하고 싶을 때 사용한다. 타입 설정 후 입력해준다

Rest parameter

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

...numbers: number[]

...  Rest parameter 이다 
함수 인자를 전달 할때 사용한다.

배열 인자를 한번에 받아 올 때 사용한다.