🏆 목표

• 타입 스크립트에서 함수를 선언하고 실행하는 방법
• 시그니처 오버로딩
• 다형적 함수
• 다형적 타입 별칭

함수 선언과 호출

일반적으로 타입스크립트에서 함수의 호출은 다음과 같이 한다.

function add(a: number, b: number) {
	return a + b;
}

• 매개변수의 타입은 명시적으로 정의한다.
• 반환타입은 추론하도록 한다.

여러가지의 함수 선언방식

function greet(name: string) {
	return "hello" + name;
}

const greet = function(name: string) {
	return "hello" + name;
}

const greet = (name: string) => {
	return "hello" + name;
}

const greet = (name: string => "hello" + name;

const greet = new Function('name', 'return "hello" + name');

마지막 방법은 사용하지 않는다.

함수 선언을 통해 선언된 함수를 호출하게 되면 매개변수의 타입체크를 통해 호출 가능한지를 확인하여 필요에 따라 에러를 발생시킨다.

선택적 매개변수와 기본 매개변수

// 선택적 매개변수
function log(message: string, userId?: string) {
	console.log(message, userId || 'Not signed in');
}

// 기본 매개변수
function log(message: string, userId = 'Not signed in') {
	console.log(message, userId);
}

일반적으로 선택적 매개변수보다 기본 매개변수를 사용하는 것이 더 많은 일을 하기 때문에 자주 사용하게 된다.

나머지 매개변수

가변 인자를 받는 상황에서 사용하면 좋다.

function sum(...numbers: number[]) {
	return numbers.reduce((total, n) => total + n, 0);
}