从内部函数中的父范围访问数组元素[重复]

Question

在下面的代码中，我尝试创建几个处理函数，它们必须调用存储在函数数组（'buttonHandlers'）中的不同函数。这个数组是外部作用域的一部分：

buttonJson = {};
for (i = 0; i < buttonNames.length; i++) {
    customHandler = buttonHandlers[i];
    buttonJson[buttonNames[i]] = function() {
        customHandler.apply();
        $('#msg-dialog-confirm').dialog("close");
        $('body').remove('#msg-dialog-confirm');
        ...
    };
}

上面的代码生成了调用函数数组的最后一个数组元素（'buttonHandlers'）的处理函数。我希望每个处理函数只调用相关数组索引指定的关联函数。我怎样才能做到这一点？

Answer 1

customHandler 是一个全局变量，您在每次迭代时都会覆盖它，您应该创建一个新作用域来锁定该值

buttonJson = {};
for (i = 0; i < buttonNames.length; i++) {
    (function(button) {
        buttonJson[button] = function() {
            button.apply();
            $('#msg-dialog-confirm').dialog("close");
            $('body').remove('#msg-dialog-confirm');
            ...
        };
    })(buttonHandlers[i]);
}