[javascript] 애로우 함수와 객체 리터럴

11 Dec 2023

javascript

자바스크립트에서 함수를 선언하는 여러 방법 중 애로우 함수는 간결하고 강력한 기능을 제공합니다. 또한 객체 리터럴을 사용하여 데이터와 기능을 모두 포함하는 객체를 생성할 수 있습니다. 이번 글에서는 애로우 함수와 객체 리터럴의 사용 예시를 살펴보겠습니다.

애로우 함수 (Arrow Functions)

애로우 함수는 함수를 간결하게 정의할 수 있는 화살표(=>)를 사용하는 방법입니다.

// 기존 함수 선언
function add(a, b) {
  return a + b;
}

// 애로우 함수
const subtract = (a, b) => a - b;

애로우 함수는 function 키워드를 사용하지 않고도 함수를 정의할 수 있어 코드를 간결하게 만들어줍니다. 또한 자신의 this, arguments, super, new.target을 바인딩하지 않으므로 익명 함수나 콜백 함수로 사용하기에 적합합니다.

객체 리터럴 (Object Literals)

객체 리터럴을 사용하면 데이터와 기능을 하나의 단위로 포장하여 사용할 수 있습니다.

// 객체 리터럴
const person = {
  name: 'John',
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};

위 예시에서 person 객체는 name과 age와 같은 데이터 속성과 greet와 같은 함수 속성을 포함하고 있습니다.

결론

애로우 함수와 객체 리터럴은 자바스크립트에서 강력한 기능을 제공하는데 사용됩니다. 애로우 함수는 간결한 함수 정의를 가능하게 하고, 객체 리터럴은 데이터와 함수를 하나의 단위로 관리할 수 있도록 해줍니다. 이 두가지를 적절하게 활용하면 코드의 가독성을 높이고 유지보수성을 높일 수 있습니다.

참고 자료: