传递对象数组-意外令牌[

Question

function showConfirm(reArray) {

    var theHTML = '';
    var optionArray = ["Option 1", "Option 2", "Option 3", "Option 4", "Option 5", "Option 6", "Option 7"]; 
    var myButtons = {};
    var j = 1;

    for(var i = 0; i < reArray.length; i++){

                theHTML  +='<div style="text-align:center">' 
                         + '<span>'+j+'.</span>&nbsp;&nbsp;&nbsp;&nbsp;'
                         + '<span>'+reArray[i].RoadNo+'</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
                         + '<span>'+compass_image(reArray[i].Bearing)+'</span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'
                         + '</div><br/>'    

                j++;
        }

    for(i = 0; i < reArray.length; i++){

    ERROR HERE -----> var placeFunction = function(reArray[i]){

                                plotRoadInfo(reArray[i]);
                                $(this).dialog("close");
                            };

                            myButtons[optionArray[i]] = placeFunction;
    }

    $( "#dialog-modal" ).dialog({
      height: 300,
      modal: true,
      buttons: myButtons

    });

    $('#multipleRE').append(theHTML);
}

因此，该函数将传递一个对象数组（reArray），然后为一个jquery对话框创建一个按钮数组（myButtons）。 我试图将reArray [i]传递给每个按钮将要使用的函数，该函数将执行plotRoadInfo（reArray [i]）;。

我不断收到“意外令牌[”，但我不知道为什么要为我的生命而死。

Answer 1

您无需在JavaScript中指定参数的类型，只需使用名称，然后将其用作函数中的数组即可。

var placeFunction = function(reArray){
    plotRoadInfo(reArray[i]);
    $(this).dialog("close");
};

我认为您甚至不需要指定它，因为当您将其称为内部函数可以访问的数组时。

var placeFunction = function() {
    plotRoadInfo(reArray[i]);
    $(this).dialog("close");
};

正如Pointy指出的那样，这将遇到共享i变量的问题，因此每个函数都将引用reArray[reArray.length]因为在i === reArray.length时循环将完成。 解决此问题的常用方法是调用一个接受i作为参数的函数，该函数将返回一个函数。

var placeFunction = (function (item) {
    return function() {
        plotRoadInfo(item);
        $(this).dialog("close");
    };
}(reArray[i]));

阅读有关闭包的内容，以更深入地了解其工作原理。 这是发生这种情况的另一个示例 。

Answer 2

您使用的语法不正确。

我相信您要执行的操作如下：

var placeFunction = 
    (function(arrayitem){
        return function(){
                   plotRoadInfo(arrayitem);
                   $(this).dialog("close");
               };

     })(reArray[i]);

myButtons[optionArray[i]] = placeFunction;

Answer 3

为什么参数有索引？

function(reArray[i])

你的意思是

function(reArray)