함수 리터럴은 왜 함수이름으로 호출이 안되나요??

Question

함수 리터럴이랑 함수 선언문이 형태는 같지만 동작은 다르다던데요둘다 함수이름은 함수몸체 외부에선 호출이 안된다는 공통점은 있는데함수 선언문은 자바스크립트 엔진에서 암묵적으로 함수이름과 같은 식별자를 생성해서 호출이 가능하더라구요근데 형태도 같은 함수 리터럴은 왜 암묵적으로 식별자를 생성하지 않는지 궁금하네요...예1)function add(x, y) {return x + y;};함수 리터럴, 함수 선언문의 형태는 위와 같다. (단, 함수 선언문은 함수 이름을 생략할 수 없다.)예2)function foo() { console.log('foo'); }foo(); // foo위처럼 기명 함수 리터럴을 단독으로 사용하면 함수 선언문으로 해석되며 함수 이름을 생략불가예3) (function bar() {console.log('bar'); });bar(); // ReferenceError : bar is not defined위처럼 함수리터럴을 피연산자로 사용하면 함수선언문이 아닌 함수 리터럴 표현식으로 해석되며 함수이름 생략가능여기서 함수선언문으로 생성된 foo는 호출이 가능하나함수 리터럴 표현식으로 생성된 bar는 호출이 불가능ㅡㅡㅡㅡㅡㅡㅡ위 예시 추가 했는데 여기서 함수선언문이 호출 가능한 이유가 자바스크립트가 함수이름과 동일한 이름의 식별자를 암묵적으로 생성하고 거기에 객체를 할당하기 때문이라던데요.예1처럼 함수이름이 생략된경우가 아니면 형태가 같은데 함수 리터럴에서는 함수이름이 함수 몸체 내에서만 참조할 수 있는 이유가 궁금하더라구여,,

월급은나의빛 · Accepted Answer

다음은 기본적으로 무기명 함수입니다.(function bar(n) {console.log(n)})그래서 다음과 동일합니다.(function (n) {console.log(n)}) 또는 ((n)=>console.log(n))용법은 다음과 같습니다.(function bar(n) {console.log(n)})(5) // 이렇게 쓰는 경우는 많지 않습니다. 또는 const arr = [1,2,3,4,5] const result = arr.map( function (n) { return n*n } // 다른 함수에 인자로 전달되는 경우 ) console.log(result) // [1, 4, 9, 16, 25] 출력됨무기명 함수는 다른 함수에 전달하는 인자로 사용되는 경우가 많습니다. 이런 경우에 함수에 이름이 있어야 할 이유가 없습니다. 왜냐하면 어차피 모함수에서는 원함수명이 아닌 매개 변수명으로 호출될 것이기 때문입니다.예를 들어 Array의 map 함수는 다음과 같은 식으로 구현된 것입니다. 전달된 함수의 원래 이름과 무관하게 map 함수 내에서는 callback 이라는 이름으로 사용됩니다. 그러므로 인자로 전달되는 함수는 이름이 필요없는 것입니다.// Array.map() 함수의 구현 예 Array.prototype.map = function(callback) { // callback 이라는 이름으로 기억했다가 const resultArray = []; for (let index = 0; index < this.length; index++) { resultArray.push(callback(this[index], index, this)); // calllback 으로 호출 } return resultArray; }그렇다면 왜 이름을 붙일 수 있게 했을까요. 그건 함수 내에서 재귀적으로 자신을 호출하는 경우가 있기 때문입니다. 다음과 같은 경우가 예가 되겠네요. // 10 팩토리얼 구하기 (function expo(n) { if (n ===1) return 1 return n*expo(n-1) })(10)

charlatan · Answer

질문의 내용을 이해한 것인지 모르겠지만, 일반적으로 함수 선언을 하면 스크립트 실행 전에 이미 그 함수들을 파싱합니다. 따라서 함수 선언의 위치에 상관없이 그 함수를 호출할 수 있습니다(호이스팅 이라고 합니다). 하지만 함수 리터럴, 보통은 함수 표현식이라고 하는데, 잘 보면 함수 선언과는 달리 함수에 이름이 없다는 것을 알 수 있습니다. 이름없는 함수를 어떤 변수에 넣는 것이죠. 그렇게 되면 스크립트가 그 위치까지 실행되서 그 식별자에 이름없는 함수가 들어갈 때까지 실행할 수 없습니다(호이스팅 안됨). "암묵적인 식별자"라는 것이 어떤 의미로 사용한 것인지 모르겠지만...😂

월급은나의빛 · Answer

용어혼란을 야기할 것 같습니다. 예제를 제시하면서 이야기하시는 게 어떨까요?

leon808 · Answer

애초에 설계 의도부터가 재사용할 함수면 선언문으로 하고, 간단하게 즉석 함수 쓰고 싶으면 거기서 쓰고 버려라 이런거라 생각합니다함수 리터럴에 선언문이랑 똑같이 function 에 이름도 붙일 수 있는건 그냥 형태가 익숙하니까 이것도 허용, 재귀 호출 등의 이유로 허용해둔게 아닐까요?식별자를 생성하지 않는 이유는 윗분 말씀대로 var 에 담으면 변수 자체만 호이스팅 되서 함수 초기화 없이 먼저 선언만 할테고 또는 완전한 호이스팅이 안 되는 let, const 등의 변수에 담아 쓰는데변수 안에 담긴 함수 리터럴의 함수명 식별자를 생성하면 혼란이 야기될거 같네요

함수 리터럴은 왜 함수이름으로 호출이 안되나요??

4개의 답변

기타 목록