[javascript] 애로우 함수와 고차 함수

자바스크립트에서 애로우 함수(arrow function)와 고차 함수(higher-order function)는 모두 강력한 기능을 제공하여 코드를 간결하게 작성할 수 있도록 도와줍니다. 이번 포스트에서는 애로우 함수와 고차 함수의 사용법과 예제를 살펴보겠습니다.

애로우 함수 (Arrow Function)

애로우 함수는 함수 (인자) => { 표현식 } 형태로 작성됩니다. 이때 괄호 안에는 인자가, 화살표 뒤에는 함수의 실행 내용이 작성됩니다. 다음은 간단한 애로우 함수의 예제입니다.

const add = (a, b) => a + b;

위의 예제에서 add 함수는 애로우 함수로 작성되었으며, 인자 ab를 더하여 반환합니다.

고차 함수 (Higher-Order Function)

고차 함수는 다른 함수를 인자로 받거나 함수를 반환하는 함수를 말합니다. 고차 함수를 사용하면 추상화 수준을 높일 수 있고, 코드의 재사용성과 가독성을 높일 수 있습니다. 다음은 고차 함수의 예제입니다.

const multiplyBy = (multiplier) => {
  return (number) => number * multiplier;
};

const double = multiplyBy(2);
const triple = multiplyBy(3);

console.log(double(5)); // 10
console.log(triple(5)); // 15

위의 예제에서 multiplyBy 함수는 다른 함수를 반환하는 고차 함수로 작성되었습니다. multiplyBy 함수를 사용하여 doubletriple 함수를 만들고, 이후 각각을 호출하여 결과를 출력합니다.

애로우 함수와 고차 함수는 모두 자바스크립트에서 강력한 기능을 제공하며, 적절히 활용하면 코드의 간결성과 유지보수성을 높일 수 있습니다.

이렇게 애로우 함수와 고차 함수를 이용하여 자바스크립트 코드를 더욱 효율적으로 작성할 수 있습니다. 애로우 함수와 고차 함수를 익히고 활용하여 코드를 더욱 간결하고 가독성 있게 작성해보세요.

참고 자료