JavaScript에서 익명 함수 배열

JavaScript에서 함수는 문자열이나 숫자처럼 동작한다고 언급한 적 있습니다. 특히, 함수로 구성된 배열을 만들 수 있습니다. 만들어 봅시다:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

예를 들어, 배열의 첫 번째 요소 내용을 콘솔에 출력해 보겠습니다:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

console.log(arr[0]); // 첫 번째 함수의 소스 코드를 볼 수 있습니다

위 예제에서 보시다시피, 결과가 아니라 함수의 소스 코드를 얻습니다.

함수를 호출하려면 괄호를 추가해야 합니다. 우리 함수는 arr[0]에 저장되어 있으므로, 대괄호 뒤에 괄호를 작성해야 합니다. 다음과 같이: arr[0](). 확인해 보겠습니다:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

arr[0](); // '1'을 출력합니다

함수 배열을 반복문으로 순회하며 각 함수를 호출할 수도 있습니다:

javascriptlet arr = [
  function() {console.log('1')},
  function() {console.log('2')},
  function() {console.log('3')},
];

for (let func of arr) {
  func(); // 반복문에서 함수를 호출합니다
}