javascript - 按值传递而不是引用 JavaScript 闭包 - 任何非包装技术？

Question

通过引用传递给闭包的变量。这段代码:

var figs = ['circle', 'square'];
for (var i in figs) {
    var fig = figs[i];
    document.getElementById(fig).addEventListener("click", function(e) {
        console.log(fig);
    }, false);
}

即使您点击圆(正方形，fig 变量的最后一个值)，也始终记录最后一个数组元素。

为了绑定(bind) fig 变量的实际值，我在函数调用中使用了包装(因此中间闭包保持循环值):

var figs = ['circle', 'square'];
for (var i in figs) {
    var fig = figs[i];
    document.getElementById(fig).addEventListener("click", (function(fig) {
        return function(e) {
            console.log(fig);
        }
    })(fig), false);
}

是否可以避免包装函数以按值传递？

更新相关问题和答案:

• > Javascript closure - binding value instead of reference
• > https://stackoverflow.com/a/518069/173149

Answer 1

不，这是不可能的。

但是，您可以通过将生成内部函数的代码从循环中取出来使您的代码更好一些:

var figs = ['circle', 'square'];
function createFigHandler(fig) {
    return function(e) {
        console.log(fig);
    }
}

for (var i = 0; i < figs.length; i++) {
    var fig = figs[i];
    document.getElementById(fig).addEventListener("click", createFigHandler(fig), false);
}

jsFiddle