타입스크립트 화살표 함수 정리

화살표 함수의 () => x 표현은 () => { return x; }의 약식 표현이므로 잘 작동합니다.

 

 

 

(...매개변수 나열) => 반환 타입

매개변수가 없는 함수의 경우 매개변수를 생략

() => 반환 타입

예

const yetAnotherSum: (a: number, b: number) => number = sum;
const onePlusOne: () => number = () => 2;
const arrowSum: (a: number, b: number) => number = (a, b) => (a + b);

함수 시그니처 부분(매개변수부터 리턴타입지정된 부분까지)을 별칭 지정할 수 있다.

type SumFunction = (a: number, b: number) => number;
const definitelySum: SumFunction = (a, b) => (a + b);

함수 시그니처 예제2

const sayHello: (name: string, age: number) => void = function(name: string, age: number): void {}

type sayHello = (name: string, age: number) => void

const hello: sayHello = (a, b) => {
    console.log(`이름: ${a}, 나이: ${b}`)
}

// 함수 시그니처를 사용하지 않은 동일 함수
function basicHello(name: string, age: number): void {
    console.log(`이름: ${name}, 나이: ${age}`)
}

 

 

---

https://ahnheejong.gitbook.io/ts-for-jsdev/03-basic-grammar/function

https://velog.io/@solchan/Typescript-%ED%95%A8%EC%88%98%EC%99%80-%EB%A9%94%EC%84%9C%EB%93%9C