关闭和功能提升 - 不适用于 Firefox

Question

以下代码在 Firefox 浏览器的某些版本上出现错误 - linksHandle is not defined。

代码由一个函数组成，底部有一个名为 linksHandle 的函数。据我所知，这个函数应该在它定义的函数被调用时被提升。

因此，为事件“mMenuReady”定义的函数应该能够访问它，因为它包含了在其执行上下文中定义的所有函数和变量。

为什么某些 firefox 版本需要先定义函数声明 (linksHandle) 才能让 'mmenu' 回调包含函数？

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 主体内提升（而不是整个功能），但不会在旧版本的 FF 中将它们实现为 "function statements" 而没有提升（实际上是 completely invalid in strict mode）具有 caused issues like yours。