폐쇄 및 기능 호이 스팅 - 파이어 폭스에서 작동하지 않음

Question

다음 코드는 일부 버전의 Firefox에서 Firefox - linksHandle is not defined로 오류를 발생 시켰습니다.

코드는 아래쪽에 linksHandle이라는 함수가있는 함수로 구성됩니다. 내가 아는 한이 함수는 정의 된 함수가 호출 될 때이 함수를 끌어 올리도록되어 있습니다.

따라서 'mMenuReady'이벤트에 대해 정의 된 함수는 실행 컨텍스트에 정의 된 모든 함수와 변수를 포함하므로 해당 함수에 액세스 할 수 있어야합니다.

왜 함수를 둘러싸 기 위해 'mmenu'콜백을 사용하기 위해 일부 firefox 버전에서 함수 선언 (linksHandle)을 정의해야합니까?

document.addEventListener('readystatechange', function() { 
    if (document.readyState === 'interactive') { 

     if (typeof jQuery === 'function') { 
      // callback function that is invoked later by the event that is triggered -> $(window).trigger("mMenuReady") 
      $(window).on('mMenuReady', function() { 
       var links2 = Array.prototype.slice.call(document.querySelectorAll('#mm-mainMenu a')); 
       links2.forEach(linksHandle); 
      }); 
     } 

     function linksHandle(elem) { 
      // function code 
     } 
    } 
}); 

Answer 1

Function declarations inside blocks은 ES6 이후에만 허용됩니다. 그들은 if 본체 안에서 (전체 기능이 아닌) 호이스트를 수행하지만 호이스트되지 않은 "function statements" (실제로는 completely invalid in strict mode)으로 구현 된 FF의 이전 버전에서는 caused issues like yours을 갖지 않습니다.