Javascript 익명 함수에 대한 자세한 설명

익명 함수는 런타임 시 동적으로 선언되는 함수입니다. 일반 함수와 달리 함수 이름이 없기 때문에 익명 함수라고 합니다.

익명 함수는 함수 선언 구문이 아닌 함수 표현식을 통해 정의됩니다. 표현식을 배치할 수 있는 모든 위치에서 함수 표현식을 사용하여 새 함수를 생성할 수 있습니다. 예를 들어, 새 함수를 함수 호출에 대한 인수로 정의하거나 다른 객체의 속성으로 정의할 수 있습니다.

다음은 일반적인 명명된 함수입니다.

function flyToTheMoon()
{
    alert("Zoom! Zoom! Zoom!");
}
flyToTheMoon();

다음은 동일한 예이지만 이번에는 익명 함수로 생성되었습니다.

var flyToTheMoon = function()
{
    alert("Zoom! Zoom! Zoom!");
}
flyToTheMoon();

---

익명 함수는 함수 표현식으로 생성됩니다

JavaScript에서 함수를 생성하는 가장 일반적인 두 가지 방법은 Utilize 함수 선언입니다. 구문 및 함수 표현식. 익명 함수는 함수 표현식을 통해 생성됩니다.

함수 키워드가 문에서 먼저 나타나고 그 뒤에 함수 이름이 오면 함수 선언 구문을 사용하여 함수가 생성됩니다.

if function 키워드가 다른 곳에 나타나면 함수 표현식으로 사용될 가능성이 높습니다:

함수 표현식이 호출되면 새로운 함수 객체를 생성하고 이를 반환합니다. 다음은 함수를 생성하고 이를 flyToTheMoon이라는 변수에 할당하는 예입니다.

var flyToTheMoon = function() {
    alert("Zoom! Zoom! Zoom!");
}

여기서의 할당은 모든 함수의 반환 값을 변수에 할당하는 것과 거의 동일하며, 유일한 특별한 점은 다음과 같습니다. value는 단순한 숫자나 날짜가 아닌 함수 객체입니다.

함수는 자바스크립트에서 특별한 종류의 객체이기 때문에 가능한 일입니다. 이는 다른 개체처럼 사용할 수 있음을 의미합니다. 변수에 저장되거나, 다른 함수에 인수로 전달되거나, 함수 내의 return 문으로 반환될 수 있습니다. 함수는 생성 방법에 관계없이 항상 객체입니다.

함수가 변수에 저장되면 변수를 사용하여 함수를 호출할 수 있습니다.

flyToTheMoon();

---

런타임에 익명 함수가 생성됩니다.

함수 표현식은 표현식이 배치될 수 있는 모든 위치에서 사용할 수 있습니다. 예를 들어 변수에 값이 할당될 때, 인수가 함수에 전달될 때 또는 return 문에서 함수 식을 사용할 수 있습니다. 이는 함수가 항상 런타임에 호출되기 때문에 가능합니다.

함수 선언 구문이 다릅니다. 코드에서 함수를 호출하기 전에 함수를 선언할 필요가 없기 때문에 다른 코드가 실행되기 전에 실행됩니다.

함수에 이름이 있어야 하기 때문에 함수 선언 구문을 사용하여 익명 함수를 생성할 수 없습니다. 함수 선언 구문은 함수 이름을 사용하여 현재 범위에 변수로 추가합니다.

---

익명 함수에는 함수 이름이 필요하지 않습니다

좀 이상한 것 같습니다. 이름 없이 함수를 어떻게 호출하나요? 이는 함수 이름이 함수 개체를 보유하는 변수와 약간 다르기 때문에 작동합니다.

함수 선언 구문으로 생성된 함수는 항상 함수 이름과 동일한 함수 변수를 갖습니다. 왜냐하면 함수 선언 구문이 다음 변수를 자동으로 생성하기 때문입니다.

function flyToTheMoon() {
    alert("Zoom! Zoom! Zoom!");
}
flyToTheMoon();

함수 표현식으로 생성된 함수의 경우 , 이 이름은 선택사항입니다. 많은 경우 이름은 중요하지 않으므로 다음과 같이 이름 없이 익명 함수를 만듭니다.

var flyToTheMoon = function() {
    alert("Zoom! Zoom! Zoom");
}
flyToTheMoon();

그러나 함수 표현식은 실제로 원하는 경우 함수 이름 설정을 지원합니다. 여기에 동일한 함수가 있지만 이번에는 함수 이름이 있습니다.

var flyToTheMoon = function flyToTheMoon() {
    alert("Zoom! Zoom! Zoom");
}
flyToTheMoon();

함수에 이름을 지정해도 함수 이름 뒤에 이름이 지정된 변수가 범위에 자동으로 추가되지 않습니다. 여전히 함수 표현식의 반환 값을 변수에 할당해야 합니다.

이전 예에서 함수 개체를 보유하는 변수는 함수와 이름이 동일했지만 반드시 그럴 필요는 없습니다.

var thingsToDoToday = function flyToTheMoon() {
    alert("Zoom! Zoom! Zoom");
}
thingsToDoToday();

---

이름이 왜 필요한가요?

함수 이름은 함수 내에서 자신을 호출하는 데 사용될 수 있습니다. 이는 재귀 함수에 유용합니다.

var thingsToDoToday = function flyToTheMoon() {
    if(!onTheMoon)
        flyToTheMoon();
    else
        alert("One small step for a man..");
}
thingsToDoToday();

호출 스택에서 함수 이름을 볼 수 있으므로 디버깅에도 유용합니다. 일반적으로 익명 함수는 호출 스택에서 동일하게 보입니다. 불쾌한 디버깅 상황에 직면한 경우 때로는 관심 있는 함수에 이름을 지정하면 문제가 더 명확해질 수 있습니다.

---

익명 함수가 왜 유용한가요?

단순히 편의상 익명 함수에 이름을 설정할 필요는 없습니다. 결국 함수 이름은 중요하지 않습니다. 대부분의 경우 익명 함수와 명명 함수는 모두 대부분의 작업에 적합합니다.

함수 표현식으로 생성된 함수는 때로는 매우 유용합니다.