ES6 화살표 함수의 활용 🎯

자바스크립트를 배우는 여러분, ES6의 화살표 함수에 대해 들어보셨나요? 이 기능은 코드를 더 깔끔하고 간결하게 만들어 줍니다. 오늘은 화살표 함수가 무엇인지, 그리고 어떻게 활용할 수 있는지 알아보겠습니다.

화살표 함수란?

화살표 함수는 function 키워드 없이 함수를 빠르게 정의할 수 있는 ES6의 새로운 기능입니다. 기본 형태는 다음과 같습니다:

const functionName = (parameters) => {
  // 함수 로직
}

간단하죠? 이제 화살표 함수를 사용하는 몇 가지 예시를 살펴보겠습니다.

예시 1: 인자가 하나인 경우

인자가 하나뿐인 경우, 괄호를 생략할 수 있습니다.

const square = x => x * x;
console.log(square(5)); // 출력: 25

예시 2: 인자가 없는 경우

인자가 전혀 없는 경우, 괄호를 비워두어야 합니다.

const sayHello = () => console.log('안녕하세요!');
sayHello(); // 출력: 안녕하세요!

예시 3: 코드가 한 줄인 경우

함수의 로직이 한 줄뿐이라면, 중괄호와 return 키워드를 생략할 수 있습니다. 이는 코드를 더욱 간결하게 만들어 줍니다.

const multiply = (a, b) => a * b;
console.log(multiply(2, 3)); // 출력: 6

예시 4: 객체 리터럴 반환하기

객체 리터럴을 반환할 때는 소괄호로 객체를 감싸야 합니다.

const createPerson = (name, age) => ({name: name, age: age});
console.log(createPerson("Jane", 22)); // 출력: {name: "Jane", age: 22}

화살표 함수의 장점

• 간결함: 코드를 더 짧고 읽기 쉽게 만들어 줍니다.
• this 바인딩: 화살표 함수는 자신만의 this를 생성하지 않습니다. 따라서, 외부 함수에서 this 값을 그대로 사용할 수 있어서 편리합니다.

화살표 함수는 자바스크립트에서 함수를 작성하는 더 깔끔하고 효율적인 방법을 제공합니다. 이 기능을 활용하여 여러분의 코드를 더욱 간결하고 이해하기 쉽게 만들어 보세요!