9_Arrow Function 무엇인가?

✅ Arrow Function은 ECMAScript 6(ES6)에서 도입된 새로운 함수 표현 방식으로

기존의 함수 표현식과는 다르게 간결하고 명료한 문법을 제공하여 코드를 더 읽기 쉽고 작성하기 쉽게 만듭니다.

// 일반 함수 표현식
function multiply(a, b) {
  return a * b;
}

// Arrow Function
const multiply = (a, b) => a * b;

 

 

✅  Arrow Function의 주요 특징:

1️⃣ 간결한 문법: 일반 함수 표현식보다 더 간결한 문법을 가지고 있습니다.

2️⃣ Lexical this 바인딩: Arrow Function 내에서 this는 함수를 감싸는 외부 스코프의 this와 동일합니다. 이를 Lexical this 바인딩이라고 합니다. 기존의 함수 표현식에서는 함수가 호출된 컨텍스트에 따라 this가 동적으로 바인딩되는 반면, Arrow Function에서는 정적으로 바인딩됩니다.

3️⃣ 단일 표현식 반환: 함수 본문이 단일 표현식인 경우 중괄호 {}를 생략하고 바로 표현식을 반환할 수 있습니다. 이때 자동으로 그 값이 반환됩니다.두 함수는 같은 기능을 수행합니다. Arrow Function은 훨씬 간결하고 읽기 쉽습니다. 또한 this의 동작이 다르므로 주의해야 합니다. 일반 함수 표현식에서는 this가 동적으로 바인딩되지만, Arrow Function에서는 Lexical this 바인딩이 적용되므로 주의해야 합니다.

Arrow Function은 주로 콜백 함수나 짧은 함수를 간결하게 표현할 때 사용됩니다.