D-63

🔍 TypeScript 함수형

JavaScript

//named function
function add(x, y){
	return x + y;
}

//arrow function
let add = (x, y) => {
	return x + y;
}

TypeScript

//named function
function add(x: number, y: number):number {
	return x + y;
}

//arrow function
let add = (x: number, y: number): number => {
	return x + y;
}

TypeScript에서 함수를 표현할 경우 매개변수의 타입과 반환 타입을 명시해야한다.

만약 함수에 리턴값이 없다면 void를 사용해 작성할 수 있다.

let printAnswer = (): void => {
	console.log("YES");
}

TypeScript는 매개변수의 개수에 맞춰 전달인자를 전달해야 한다.

let greeting = (firstName: string, lastName: string): string => {
	return `hello, ${firstName} ${lastName}`;
}

//에러가 납니다.
greeting('coding');

//정상적으로 작동합니다.
greeting('coding', 'kim');

//너무 많은 매개변수를 보내 에러가 납니다.
greeting('coding', 'kim', 'hacker');

---

🔍 함수형 예제

📌 JavaScript

/* 1-1번 */
function sumNumber(a, b) {
  return a + b;
}

/* 1-2번 */
const sumNumber2 = (a, b) => {
  return a + b;
};

/* 2번 */
let sumString = (first, last) => {
  return `${first} ${last}`;
};

console.log(sumString('hi', 'codestates'));

📌 TypeScript

/* 1-1번 */
function sumNumber(a: number, b: number): number {
  return a + b;
}

/* 1-2번 */
const sumNumber2 = (a: number, b: number): number => {
  return a + b;
};

/* 2번 */
let sumString = (first: string, last: string): string => {
  return `${first} ${last}`;
};

console.log(sumString('hi', 'codestates'));