JavaScript에서 변수에 함수를 할당하는 방법

JavaScript에서 변수에 함수를 할당하는 방법

JavaScript에서는 익명 함수(Anonymous Function) 개념을 활용하여 변수에 함수를 할당할 수 있습니다. 이름 그대로 익명 함수는 별도의 식별자(함수 이름) 없이 생성되는 함수입니다. 이렇게 변수에 담긴 함수는 나중에 변수 이름을 통해 호출할 수 있으며, 다른 함수의 인수(argument)로 전달하는 것도 가능합니다.

익명 함수를 변수에 할당하는 기본 문법

익명 함수는 항상 변수 이름과 함께 사용됩니다. 아래 예제처럼 함수 표현식(function expression) 형태로 작성한 뒤, 해당 변수를 호출하면 됩니다.

var func = function() {
    alert('This is anonymous');
}
func(); // 'This is anonymous' 출력

위 코드에서 function() { ... } 부분이 이름 없는 익명 함수이며, 이것이 func라는 변수에 할당됩니다. 이후 func()를 호출하면 변수에 저장된 함수가 실행됩니다.

값을 반환하는 익명 함수

익명 함수는 일반 함수와 마찬가지로 값을 반환할 수도 있습니다. 아래 예제를 살펴보겠습니다.

// 익명 함수
var a = function() {
    return 5;
}

console.log(a()); // 5 출력

변수 a에는 숫자 5를 반환하는 익명 함수가 저장되어 있습니다. a()를 호출하면 함수가 실행되어 5라는 결과값을 돌려줍니다.

참고: 화살표 함수(ES6)로 더 간결하게

ES6(ECMAScript 2015)부터는 화살표 함수(Arrow Function) 문법을 사용해 같은 동작을 더 짧게 표현할 수 있습니다.

const a = () => 5;
console.log(a()); // 5 출력

화살표 함수는 특히 콜백 함수를 인수로 전달할 때 코드를 훨씬 간결하게 만들어 주기 때문에, 현대 JavaScript 개발에서 널리 사용됩니다.

정리

• JavaScript에서는 익명 함수를 변수에 할당하여 함수를 저장하고 호출할 수 있습니다.
• 변수에 할당된 함수는 변수명() 형태로 호출합니다.
• 다른 함수의 인수로 전달하는 콜백 용도로도 활용됩니다.
• ES6의 화살표 함수를 사용하면 더 간결하게 표현할 수 있습니다.