JavaScript

#17 자바스크립트(JavaScript) - 익명 함수

에이블디 2022. 4. 11. 16:34

안녕하세요 여러분! 에이블디 입니다!

 

이번 시간에는 익명 함수에 대해서 알아볼게요!

 

익명 함수는 말 그대로 이름이 없는 함수입니다.

또한 익명 함수는 함수 자체가 '식(Expression)'이기 때문에 변수에 할당하거나 다른 함수의 매개변수로 사용이 가능합니다.

 

바로 소스를 통해 알아볼까요?

이번에도 두 정수를 더하는 함수를 만들어 볼 텐데 이걸 익명 함수로 작성해 볼게요!

var sum = function(a, b) {
    return a + b;
}

위의 코드는 매개 변수 a와 b를 받아 두 변수의 값을 더하는 함수를 선언하여 변수 sum에 할당하는 코드인데요, 보시다 피시 함수에 이름이 없는 익명 함수임을 확인할 수 있습니다.

 

그럼 이 익명 함수를 실행시켜봐야겠죠?

지난 시간에는 함수를 선언하고 선언한 함수의 이름을 사용해 함수를 호출하여 사용했던 것 기억나시나요?

그럼 이름도 없는 익명 함수는 어떻게 실행시켜야 할지 막막하실 텐데요!

위의 코드를 보면 선언한 익명 함수를 변수 sum에 할당했었죠?

이 변수의 이름을 함수 이름처럼 사용해서 익명 함수를 실행할 수 있습니다!

 

그럼 익명 함수를 실행하는 코드를 짜 보도록 할게요!

var sum = function(a, b) {
    return a + b;
}

var result = sum(1, 2);

console.log(result);

위의 코드를 보면 result라는 변수에 변수 sum을 사용하고 그 결괏값을 result 변수에 할당하여 콘솔로 result값을 확인하는 코드인데요, 인자 값을 1과 2를 주었으니 1 + 2 = 3이 출력되는지 확인해 보도록 할게요!

 

 

3이 출력되는 것을 확인할 수 있습니다!

 

이번 시간에는 자바스크립트의 익명 함수에 대해 알아보았습니다!

 

다음 시간에 또 만나요!