Typescript 함수 정의 방식

 

파라미터에 타입을 정의하는 방식

// 함수의 파라미터에 타입을 정의하는 방식
function sum(a: number, b: number) {
  return a + b;
}
sum (10, 20);

 

반환값에 타입을 정의하는 방식

// 함수의 반환값에 타입을 정의하는 방식
function add(): number {
  return 10;
}

 

타입스크립트에서 함수를 정의하는 방식 (기본)

// 함수에 타입을 정의하는 방식
function sum(a: number, b: number): number {
  return a + b;
}

PS. 타입스크립트에서는 파라미터를 제한하는 특성이 있습니다.

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

sum(10, 20, 30, 40);

 

타입스크립트에서는 파라미터의 개수가 맞지 않으면 오류가 발생합니다.

 

> 2개의 인수가 필요한데 4개를 가져왔습니다.ts(2554)

 

함수 타입 - 옵셔널 파라미터

함수의 옵셔널 파라미터

• 특정 파라미터를 선택적으로 사용하고 싶을 때 ?를 붙여준다.

function log(a: string, b?: string, c?: string) {

}
log('hello world'); log('hello ts', 'abc');

타입스크립트에서는 물음표와 느낌표에 많은 차이가 있다.

• 물음표는 옵셔널 체이닝(?)과 옵셔널 파라미터(?) 등으로 사용됩니다.
• 느낌표는 non-null assertion 이라고 해서 강의 후반부에 나오는 타입 단언의 한 연산자로 사용됩니다. 특정 코드가 null이 아니다라는 것을 사용자가 타입스크립트에게 애기해주는것 입니다.

 

 

출처 : www.inflearn.com/course/%ED%83%80%EC%9E%85%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-%EC%9E%85%EB%AC%B8/dashboard