[javascript] 애로우 함수와 객체 메소드

11 Dec 2023

자바스크립트에서 함수를 정의하는 여러 가지 방법 중 애로우 함수는 간결하고 편리한 문법으로 많은 개발자들에게 사랑받고 있습니다. 또한, 객체 리터럴을 사용하여 함수를 프로퍼티 값으로 정의하는 객체 메소드 또한 자바스크립트에서 유용하게 활용됩니다.

애로우 함수 (Arrow Function)

애로우 함수는 function 키워드 대신 화살표(=>)를 사용하여 함수를 정의하는 방식입니다. 주요 장점으로 간결한 구문과 this의 동작 방식이 독특하게 작용한다는 점이 있습니다.

아래 예제는 애로우 함수를 사용하여 간단한 덧셈 기능을 구현한 것입니다.

const add = (a, b) => {
  return a + b;
};

애로우 함수의 특징은 다음과 같습니다.

객체 메소드는 객체 리터럴 내부에서 함수를 정의하는 방식으로, 객체의 동작을 나타내는 메소드를 정의할 때 사용됩니다. 객체 메소드를 사용하면 객체에 속한 함수를 호출하여 객체의 상태를 변경하거나 다양한 동작을 수행할 수 있습니다.

다음은 객체 메소드를 사용하여 간단한 계산기 객체를 만든 예제입니다.

const calculator = {
  add: function(a, b) {
    return a + b;
  },
  subtract: function(a, b) {
    return a - b;
  }
};

자바스크립트 ES6부터는 객체 리터럴 단축 구문을 사용하여 아래와 같이 더 간결하게 표현할 수 있습니다.

const calculator = {
  add(a, b) {
    return a + b;
  },
  subtract(a, b) {
    return a - b;
  }
};

애로우 함수와 객체 메소드는 각각 함수 정의와 객체 내 메소드 정의를 간결하고 편리하게 할 수 있는 방법을 제공합니다. ES6부터 도입된 이러한 문법들을 적절히 활용하면 코드의 가독성을 향상시키고 개발 효율성을 높일 수 있습니다.

자바스크립트에서 함수와 객체를 다룰 때 이러한 문법들을 사용하여 보다 깔끔하고 효율적인 코드를 작성해보세요.