javascript - 循环总是返回数组的最后一个值

Question

这个问题已经有答案了:

Javascript infamous Loop issue? [duplicate] (5 个回答)

已关闭 9 年前。

目前在 TinyMCE 4 中，我正在尝试将表情符号添加为工具栏中的按钮。

下面的代码工作正常，我可以看到工具栏中的所有按钮:

var array = ['applause', 'bumping', 'cool', 'cry', 'grin', 'happy', 'laughing', 'notalking', 'sad', 'wink'];

    for (var i in array) {

        editor.addButton(array[i], {
            title: '',
            icon: true,
            image: 'img/smileys/'+ array[i] +'.gif',
            onclick: function() {
                editor.execCommand('mceInsertContent', false, '<img src="img/smileys/'+ array[i] +'.gif">');
            }
        });

    }

但是，array[i]在 editor.execCommand行，始终将其值返回为 wink (数组的最后一个值)。同时， array[i] 的另外两个实例在代码中工作得很好。

Answer 1

关闭i

for (var i in array) {
  new function(){
    var iCopy = i;
    editor.addButton(array[iCopy ], {
        title: '',
        icon: true,
        image: 'img/smileys/'+ array[iCopy ] +'.gif',
        onclick: function() {
            editor.execCommand('mceInsertContent', false, '<img src="img/smileys/'+ array[iCopy ] +'.gif">');
        }
    });
  }
}