4

首先,我知道 JavaScript 中有很多关于闭包的问题,​​尤其是在涉及到循环时。我已经阅读了其中的许多内容,但我似乎无法弄清楚如何解决我自己的特定问题。我的主要经验在于 C#、C++ 和一些 ASM,并且需要一些时间来适应 JavaScript。

我正在尝试在某些 for 循环中使用类的新实例(称为 Tile)填充 3 维数组。我要做的就是传递对在第一个循环中实例化的其他类(称为 Group)的引用(并添加到另一个数组)。正如您可能已经猜到的那样,在循环完成后,Tile 类的每个实例都会引用同一个 Group 对象,即最后一个要创建的对象。

显然,不是传递对 Group 对象的引用,而是传递对函数局部变量的引用,该变量在循环的每次迭代中都会更新。我的假设是解决这个问题与闭包有关,因为这似乎是我在寻找解决方案时遇到的许多类似问题的情况。

我已经发布了一些精简的代码,这些代码暴露了jsFiddle问题的核心:

//GW2 namespace
(function( GW2, $, undefined ) {

    //GW2Tile class
    GW2.Tile = function(globalSettings, kineticGroup)
    {
        //Private vars
        var tilegroup = kineticGroup;
//      console.log(tilegroup.grrr); //Shows the correct value
        var settings = globalSettings;

        this.Test = function(){
            console.log(tilegroup.grrr);
        }

        this.Test2 = function(group){
            console.log(group.grrr);
        }

    } //Class

}( window.GW2 = window.GW2 || {}, jQuery ));


var zoomGroups = [];
var tiles = [];
var settings = {};

InitArrays();
tiles[0,0,0].Test(); //What I want to work, should give 0
tiles[0,0,0].Test2(zoomGroups[0]); //How I'd work around the issue

function InitArrays(){
    var i, j, k, zoomMultiplier, tile;

    for(i = 0; i <= 2; i++){
        zoomGroups[i] = {};
        zoomGroups[i].grrr = i;

        tiles[i] = [];
        zoomMultiplier = Math.pow(2, i);
        for(j = 0; j < zoomMultiplier; j++){
            tiles[i,j] = [];
            for(k = 0; k < zoomMultiplier; k++){
                tile = new GW2.Tile(settings, zoomGroups[i]);
                tiles[i,j,k] = tile;
            }
        }
    }
}               

到目前为止,在使用 JavaScript 时,我通常会稍微修改代码以使其工作,但我厌倦了使用看起来很混乱的变通方法,因为我知道实际上应该有一些相当简单的解决方案。我只是不喜欢寻求帮助,但这真的让我很头疼。非常感谢任何帮助。

4

1 回答 1

2

多维数组

问题

上面代码的第一个问题是您如何尝试创建多维数组。

您使用的语法是:

tiles[0,0,0]

然而,JavaScript 的解释方式是:

tiles[0]

访问多维度数组

如果你想访问一个 multidim 数组,你必须使用:

tiles[0][0][0]

要创建一个 multidim 数组,您需要执行以下操作:

tiles = [];
tiles[0] = [];
tiles[0][0] = [];
tiles[0][0][0] = 'value';

或者:

tiles = [[['value']]];


关于您的代码

在您的代码中,您应该使用:

tiles[i][j][k] = tile;

但是你也应该确保每个子数组在设置它的值之前确实存在,否则你会得到undefinedillegal offset错误。

您可以通过以下方式做到这一点:

(typeof tiles[i] === 'undefined') && (tiles[i] = []);
(typeof tiles[i][j] === 'undefined') && (tiles[i][j] = []);
tiles[i][j][k] = tile;

显然,以上内容可以根据您遍历循环的方式进行优化,即最好tiles[i]在进入循环之前确保级别作为数组存在[j],然后不要担心在步进时再次检查它的存在j


其他选项

根据您的数据集是什么,或者至少您希望对tiles数组做什么,可能值得考虑使用对象:

/// set up
tiles = {};

/// assignment
tiles[i+','+j+','+k] = 'value';

然而,这种方法可能会更慢,尽管我的假设和不同的 JavaScript 解释器已经多次证明我是错误的。这可能是jsPerf将成为您的朋友。


优化

使用该tiles[i][j][k]方法的一个好处是它使您有机会优化您的参考资料。例如,如果您要在多维数组的一个级别处理多个动作,您应该这样做:

/// set up
var ij = tiles[i][j];

/// use in loops or elsewhere
ij[k] = 'value'

但是,这仅在您多次访问同一级别时才有用。

于 2013-07-03T11:58:19.567 回答