傳遞對象數組-意外令牌[

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)