[typescript] 화살표 함수와 익명 함수를 사용하는 이유

화살표 함수와 익명 함수

화살표 함수와 익명 함수는 JavaScriptTypeScript에서 함수를 정의하는 데 사용됩니다. 화살표 함수는 => 기호를 사용하여 정의되며, 익명 함수는 함수 이름이 없는 함수를 의미합니다.

차이점

화살표 함수는 function 키워드보다 간결하고 간단한 구식 함수 문법을 대체합니다. 또한, this 컨텍스트가 상속되지 않는다는 점이 익명 함수와의 주요 차이점입니다.

사용 이유

  1. 간결함: 화살표 함수는 코드 길이를 줄이고 가독성을 높입니다.
  2. this 컨텍스트: this 컨텍스트가 상속되지 않아 예기치 않은 동작을 방지합니다.

예시:

// 익명 함수
let myFunction = function(x: number, y: number): number { return x + y; };

// 화살표 함수
let myArrowFunction = (x: number, y: number): number => x + y;

참조

  1. MDN Web Docs
  2. TypeScript Handbook