“函数声明不能​​嵌套在语句中”- IE 处于严格模式错误

Question

在"use strict" 应用程序中，我使用document.createTreeWalker 来遍历DOM 树。从浏览器获取树后，我使用 while 循环将值推送到数组中。该代码是对优秀的Letteringjs.com 插件的升级，我的版本可以在here 中看到。

function injector(t, splitter, klass, after) {
    var inject = '', n,
        tree = [],
        styleStack = [],
        splitIndex = 0,

        styleAndSplit = function (node, splitter, klass, after) {
            var particles = $(node).text().split(splitter);

            // Wrap each particle with parent style tags if present
            for (var j = 0, len = particles.length; j < len; j++) {
                var str = '<span class="'+klass+((splitIndex++)+1)+'">'+particles[j]+'</span>'+after;

                for (var k = styleStack.length - 1, style; style = styleStack[k--];) {
                    str =   '<' + style.tagName.toLowerCase() + (style.className ? ' class="' + style.className + '"' : '') + '>' +
                            str + 
                            '</' + style.tagName.toLowerCase() + '>'
                }
                inject += str;
            }
        },

        Walker /* Texas Ranger */ = document.createTreeWalker(
            t,
            NodeFilter.SHOW_ALL,
            { acceptNode: function (node) {
                // Keep only text nodes and style altering tags
                if (node.nodeType === 3 || node.nodeType === 1 && !!node.tagName &&
                   (node.tagName.toLowerCase() === 'i' || 
                        node.tagName.toLowerCase() === 'b' || 
                            node.tagName.toLowerCase() === 'u' ||
                                node.tagName.toLowerCase() === 'span')) {

                    return NodeFilter.FILTER_ACCEPT;
                } else {
                    return NodeFilter.FILTER_SKIP;
                }
            }},
            false
        );

    while (n = Walker.nextNode()) tree.push(n);

    // This loop traverses all of the nodes in the order they appear within the HTML tree
    // It will then stack up nested styling tags accordingly
    for (var i = 0, node; node = tree[i++];) {
        if (node.nodeType === 1) {
            styleStack.push(node);
        } else {
            // Get rid of nodes containing only whitespace (newlines specifically)
            if ($.trim(node.nodeValue).length) {
                while (styleStack.length && node.parentNode !== styleStack[styleStack.length - 1]) { styleStack.pop(); }
                styleAndSplit(node, splitter, klass, after);    
            }
        }
    }       

    $(t).empty().append(inject);        
}

此代码也适用于 Firefox、Chrome 和移动浏览器。但是 IE9 & IE10 玩的不太好。

两者都在while (n = Walker.nextNode()) tree.push(n); 行中断执行，提示：

SCRIPT1047：在严格模式下，函数声明不能​​嵌套 在语句或块中。它们可能只出现在顶层或 直接在函数体内。

编辑：这是example from MSDN 应该抛出这个错误：

var arr = [1, 2, 3, 4, 5];
var index = null;
for (index in arr) {
    function myFunc() {};
}

编辑：但这没有意义，因为我没有声明一个函数，我只是在执行一个。尽管如此，我还是按照 fred02138 的建议删除了 styleAndSplit 函数声明（我只是用函数代码替换了调用，并删除了声明） - 但它并没有修复错误。。 p>

是否有其他方法可以遍历TreeWalker，或者是否有针对 IE 的解决方法（不丢失严格模式）？

Answer 1

将函数声明为变量将为我解决问题。

如果您要进行任何异步调用，请