0

我正在开发一个简单的井字游戏，其中我有一个显示模块，代表游戏场并包含游戏逻辑，而无需任何 DOM 知识：

var gameBoard = function() {

    var createBackingArray = function(size) {
        var f = new Array(size);
        for (var i = 0; i < size; i++) {
            f[i] = new Array(size);
        }
        return f;
    };

    var field = createBackingArray(3);

    var getField = function(){
        //Return a copy of the array to prevent the field 
        //from being manipulated from firebug, etc.
        return field.slice(0); 
    }

    var isFreeToPlay = function(x, y) { //stuff };

    var playField = function(x, y, player) { //stuff };

    return {
        getField: getField,
        isFreeToPlay: isFreeToPlay,
        playField: playField
    };

}();

在另一个脚本中，我拥有所有与 DOM 相关的东西，例如

var createDomField = function(fieldData) {
    var table = $("<table/>");

    var length = fieldData.length;
    for (var row = 0; row < length; row++) {
        var newRow = $("<tr>");
        for (var cell = 0; cell < length; cell++) {
            var newCell = $("<td>");
            newCell.html(fieldData[row][cell]);
            newRow.append(newCell);
        }
        table.append(newRow);
    }
    return table;
};

var updateField = function(){
    var field = createDomField(gameBoard.getField());
    elem.fieldContainer.empty();
    elem.fieldContainer.append(field)
}

在创建数组的副本时，就像上面一样，每次我更新/重绘该字段时，我都会导致内存泄漏（例如，如果我调用 updateField 无数次），或者当函数完成并且 DOM 有重复的数组时会被垃圾收集被更新了吗？

如果它不是 GC-ed，有没有办法以某种方式手动清理它？

这是一种糟糕/丑陋的做法吗？有没有更好的方法来公开数组的状态，并且仍然在闭包中将其“私有”，因此无法使用开发工具/萤火虫对其进行操作？

4

1 回答 1

0

一种想法是createBackingArray公开，而不是getField你可以拥有populateField. updateField将重新使用它自己创建的数组实例，createBackingArray并使用populateField.

这是一个例子： http: //pastie.org/8266775

于 2013-08-24T20:06:14.947 回答