javascript - 在事件关闭中访问可变变量

我正在尝试使用mousetrap Javascript插件以类似的方式处理一些按键，因此我想将其编码如下:

    var keys = [ 'b', 'i', 'u'];
    for (var i=0; i < 3; ++i) {
        var iKey = keys[i];
        var iKeyUpper = iKey.toUpperCase();

        Mousetrap.bind(
            [   'command+' + iKey,
                'command+' + iKeyUpper,
                'ctrl+' + iKey,
                'ctrl+' + iKeyUpper],
            ( function( e ) {
                console.log( "you clicked: " + i );
        } ) );

    }

但是，显然，i是可变的。但是，我不确定如何在响应中竞争事件参数的地方编写闭包。有关如何处理这种情况的建议？

最佳答案

在整个循环体中使用闭包(如@dandavis所示)，或仅在处理程序周围使用闭包:

…
    Mousetrap.bind(
        [   'command+' + iKey,
            'command+' + iKeyUpper,
            'ctrl+' + iKey,
            'ctrl+' + iKeyUpper],
        (function(_i) { // of course you can use the name `i` again
            return function( e ) {
                console.log( "you clicked: " + _i );
            };
        })(i) // and pass in the to-be-preserved values
    );

关于javascript - 在事件关闭中访问可变变量，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17218075/