안녕하세요 여러분! 에이블디 입니다!
이번 시간에는 익명 함수에 대해서 알아볼게요!
익명 함수는 말 그대로 이름이 없는 함수입니다.
또한 익명 함수는 함수 자체가 '식(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이 출력되는 것을 확인할 수 있습니다!
이번 시간에는 자바스크립트의 익명 함수에 대해 알아보았습니다!
다음 시간에 또 만나요!
'JavaScript' 카테고리의 다른 글
#19 자바스크립트(JavaScript) - 화살표 함수(ES6) (2) | 2022.04.14 |
---|---|
#18 자바스크립트(JavaScript) - 즉시 실행 함수 (0) | 2022.04.12 |
#16 자바스크립트(JavaScript) - 지역 변수와 전역 변수 (0) | 2022.04.08 |
#15 자바스크립트(JavaScript) - 매개변수 기본 값 지정(ES6) (0) | 2022.04.07 |
#14 자바스크립트(JavaScript) - return (4) | 2022.04.06 |