Question

我有以下代码：

for (i = 0; i < 5; i++) {
    this.hands[0].cards[i].img.on('mousedown', (function (i) {
        var j = i;
        return function (event) {
            self.hands[0].cards[j].holdCard();
        };
    })(i));
}

这对我的需求很好，但JSHint抱怨：

[L1164：C10] W083：不要在循环中创建函数。

如何通过不同的方式重写JSHint来保持高兴？

Answer 1

您可以使用循环外的单独功能替换IIFE：

function createHandler(j, self) {
    return function (event) {
        self.hands[0].cards[j].holdCard();
    };
}
for (i = 0; i < 5; i++) {
    this.hands[0].cards[i].img.on('mousedown', createHandler(i, this));
}

有用的参考：JSLint Errors Explanation（感谢用户链接的用户1671639）。

使用IIFE时，避免在循环中定义函数

1 个答案: