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

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错误说明(感谢用户链接的1671639).