[javascript] 애로우 함수의 장점

11 Dec 2023

javascript

자바스크립트에서 애로우 함수는 함수를 간결하게 표현할 수 있는 편리한 기능입니다. 애로우 함수를 사용하면 몇 가지 장점을 얻을 수 있습니다.

1. 짧고 간결한 문법

애로우 함수는 함수를 간결하게 표현할 수 있어서 코드를 더 짧게 만들어줍니다.

예시:

// 일반 함수
function add(a, b) {
  return a + b;
}

// 애로우 함수
const add = (a, b) => a + b;

2. this 바인딩

일반 함수에서의 this는 동적으로 결정되는데, 애로우 함수에서는 lexical this를 사용하여 현재 스코프의 this를 가리킵니다.

예시:

const obj = {
  name: "Alice",
  sayHello: function() {
    setTimeout(() => {
      console.log(`Hello, ${this.name}`);
    }, 1000);
  }
};

obj.sayHello(); // 출력: Hello, Alice

3. 화살표 함수와 메서드

화살표 함수를 객체의 메서드로 사용할 때, 메서드 내부의 this는 상위 스코프의 this를 가리키므로 메서드 내부에서 함수를 호출할 때 발생하는 오류를 방지할 수 있습니다.

예시:

const obj = {
  name: "Bob",
  sayHello: () => {
    console.log(`Hello, ${this.name}`);
  }
};

obj.sayHello(); // 출력: Hello, undefined

이러한 장점들로 애로우 함수는 간결하고 유용한 문법을 제공하여 자바스크립트에서 널리 사용되고 있습니다.

참조: MDN Web Docs