[JavaScript] 익명함수 사용하기

📝익명함수 사용하기

익명 함수란 이름이 없는 함수를 의미한다. 즉, 함수를 선언할 때 함수 이름을 생략하는 것

아래 코드에서 myAdd 변수에 함수 표현식을 할당하고 있다. 이렇게 정의된 함수는 myAdd 변수를 통해 호출할 수 있다

var myAdd = function(x, y) {
  return x + y;
};

myAdd(2,5)
// 출력 7

 

익명 함수는 콜백 함수나 클로저 등의 용도로 많이 사용된다. 예를 들어, 다음과 같이 콜백 함수로 사용할 수 있다

아래 코드에서 map 함수에 익명 함수를 전달하고 있다(이 함수는 배열의 각 요소를 두 배로 만드는 함수이다)

var numbers = [1, 2, 3, 4, 5];
var doubled = numbers.map(function(number) {
  return number * 2;
});

doubled
// 출력 [ 2, 4, 6, 8, 10 ]

 

+ 화살표 표기법

function 키워드를 사용한 함수 선언문과 함수 표현식과는 다른 형태로, 더 간결하고 가독성이 좋아져 코드 작성에 용이하다

 

아래 코드에서 parameters는 함수의 매개변수이고, statements는 함수가 실행될 때 수행할 문장들을 나타낸다

함수 내부에서 하나의 표현식만을 반환할 경우, 중괄호와 return문을 생략할 수 있다

(parameter1, parameter2, ..., parameterN) => { statements }

// ex)
(parameter1, parameter2, ..., parameterN) => expression

 

화살표 표기법은 일반적으로 익명 함수로 사용되며, 변수에 할당되거나 다른 함수의 인수로 전달될 수 있다

// 변수에 할당
const sum = (a, b) => a + b;

// 배열의 map() 메소드 인수로 전달
const numbers = [1, 2, 3, 4, 5];
const squaredNumbers = numbers.map(number => number ** 2);