在Javascript中生成不同回调函数的数组

Generating an array of distinct callback functions in Javascript

本文关键字：回调 函数 数组 Javascript      更新时间：2023-09-26

我正在尝试生成一个回调函数数组用于jQuery UI对话框

给定以下代码:

for(var x in methods)
{
  buttons[x] = function() {
            var method = methods[x];
            var data = $('#dialog_'+model+' form').serialize();
            data += '&form='+model;
            $.post(
                    $('#dialog_'+model+' form').attr('action')+'method/'+method+'/',
                    data,
                    function(r) {
                            handleFormReturn(r);   
                    },
                    'json'
            );
  };
}

调用时，函数显然会使用变量x的最后一个已知值，而不是我需要的值。如何在不使用eval()的情况下避免这个问题?

也许我写错了，但据我所知，这是不可能传递一个参数回调

您需要在for循环的每次传递期间创建一个新的变量范围。这只能通过调用函数来实现。

function createButton(x) {
    buttons[x] = function () {
        var method = methods[x];
        var data = $('#dialog_' + model + ' form').serialize();
        data += '&form=' + model;
        $.post(
        $('#dialog_' + model + ' form').attr('action') + 'method/' + method + '/', data, function (r) {
            handleFormReturn(r);
        }, 'json');
    };
}
for (var x in methods) {
    createButton(x);
}

现在buttons[x]函数所指向的x的值将是传递给createButton的值

patrick dw解决方案的即时函数版本:

for (var x in methods) {
    buttons[x] = (function (x) {
        return function () {
            /* ... x is local for this function ... */
        };
     })(x);
}

您需要为方法数组中的每个元素创建一个闭包:

for(var x in methods) {
    buttons[x] = (function(x) {
        var method = methods[x];
        return function () {
            var data = $('#dialog_'+model+' form').serialize();
            data += '&form='+model;
            $.post(
                $('#dialog_'+model+' form').attr('action')+'method/'+method+'/',
                data,
                function(r) {
                        handleFormReturn(r);   
                },
                'json'
            );
        };
    })(x);
}
相关文章：