[JavaScript] 익명함수(Anonymous function) 란 무엇인가?

Intro

javascript의 익명함수에 대해 알아보도록 하겠습니다. 

 

Anonymous function

익명 함수는 연결된 이름이 없는 함수입니다. 일반적으로 JavaScript에서 함수를 정의하기 위해 함수 이름 앞에 function 키워드를 사용하지만 JavaScript의 익명 함수에서는 함수 이름 없이 function 키워드만 사용합니다.

익명 함수는 처음 생성된 후에는 접근할 수 없으며 값으로 함수로 저장된 변수로만 접근할 수 있습니다. 익명 함수는 여러 인수를 가질 수도 있지만 하나의 표현식만 가질 수 있습니다.

 

Syntax

function() {
    // Function Body
 }

→ function 키워드를 사용하여 선언하였습니다. 

( () => {
    // Function Body...
} )();

→ 화살표 함수를 사용하여 아래와 같이 선언할 수도 있습니다. 

 

Example

#1

<script>
var greet = function () {
    console.log("Welcome to GeeksforGeeks!");
};
 
greet();
</script>

// Welcome to GeeksforGeeks!

→ 이 예제에서는 콘솔에 메시지를 출력하는 익명함수를 정의합니다. 이후 함수는 greet 변수에 저장됩니다. greet()를 호출하여 함수를 호출하고 있습니다. 

 

#2

<script>
var greet = function (platform) {
    console.log("Welcome to ", platform);
};
 
greet("GeeksforGeeks!");
</script>

// Welcome to GeeksforGeeks!

→ 이 예제에서는 익명함수에 arguments를 전달합니다. 

#3

<script>
setTimeout(function () {
    console.log("Welcome to GeeksforGeeks!");
}, 2000);
</script>

→ javascript는 고차함수 (Higher-Order Functions)을 지원하므로 익명함수를 매개변수로 다른 함수에 전달할 수도 있습니다.  이 예제에서는 익명 함수를 콜백함수로 setTimeout() 메서드에 전달합니다. 2000ms 후에 위 익명함수를 실행하게 됩니다. 

 

#4

<script>
(function () {
    console.log("Welcome to GeeksforGeeks!");
})();
</script>

// Welcome to GeeksforGeeks!

→ 초기화 직후 함수를 실행할 수도 있습니다. 이를 자체 실행 함수(Self Executing Function) 라고도 합니다. 괄호 추가 시 익명 함수를 즉시 실행할 수 있습니다. 

#5

<script>
var greet = () =>
{
    console.log("Welcome to GeeksforGeeks!");
}
 
greet();
</script>

→ ES6은 Arrow Functions로 알려진 익명 함수를 선언하는 새롭고 더 짧은 방법을 도입했습니다. Arrow 함수에서는 function 키워드가 필요하지 않다는 점을 제외하고 모든 것이 동일하게 유지됩니다. 여기에서 단일 괄호로 함수를 정의한 다음 '=>' 다음에 함수 본문이 옵니다.

#6

<script>
  let greet = () => console.log("Welcome to GeeksforGeeks!");
  greet();
</script>

→  함수 본문에 명령문이 하나만 있는 경우 중괄호를 제거할 수도 있습니다.

#7

// JavaScript code..
 
(() => {
  console.log("GeeksforGeeks");
})();
 
// This code is contributed by Aman Singla...

 

Disadvantage

호이스팅 (함수 선언보다 함수 호출이 윗 줄에 위치해도 실행되는 기능)이 적용되지 않습니다. 익명 함수는 호이스팅이 작동하지  않고, 일반 함수는 작동한다는 것을 기억하도록 합시다. 

//익명 함수 호출
hello( );

//익명 함수 선언
var hello = function( ) {
  document.write("Thello");
};
// result : 오류

//일반 함수 호출
hello( );
// result : hello!

//일반 함수 선언
function hello( ) {
  document.write("hello!");
}

 

---

https://www.geeksforgeeks.org/javascript-anonymous-functions/

https://velog.io/@blackb0x/%EC%9D%B5%EB%AA%85%ED%95%A8%EC%88%98Anonymous-function