在循环中初始化类的新实例，如何保持对事件处理程序的赋值？

Question

这是为什么我的原型函数不返回实例属性的问题的后续解答？

$ .getJSON（myjson，function（data）{

        var json = data;
        for (i in json) {
            juuvies[i] = new Juuvy(i,json[i], font, keyfontsize, valfontsize, orbcol, orbkeycol, orbvalcol, paper);
            juuvies[i].juuv_it();
            var mykey = juuvies[i].init_nodes();
                            juuvies[i].orb.node.onmouseover = function() { console.log(mykey);};
        }
    });

还有我的init_nodes函数，

Juuvy.prototype.init_nodes = function（）{返回this.key; }

此时，我仅获得循环中的最后一个键，而不是每次都获得唯一的传递。 有没有办法可以保留事件处理程序的分配？

Answer 1

mykey变量的范围是函数。 触发onmouseover事件时（在循环之后发生），事件处理程序将使用变量中的值，即退出循环时的值。

使用匿名函数创建一个包含变量的闭包：

$.getJSON(myjson, function(data) {
  var json = data;
  for (i in json) {
    juuvies[i] = new Juuvy(i,json[i], font, keyfontsize, valfontsize, orbcol, orbkeycol, orbvalcol, paper);
    juuvies[i].juuv_it();
    (function(){
      var mykey = juuvies[i].init_nodes();
      juuvies[i].orb.node.onmouseover = function() { console.log(mykey); };
    })();
  }
});

这样， mykey变量是每次迭代的新局部变量。

Answer 2

您需要添加一个闭合

var json = data;
for (i in json) {
    juuvies[i] = new Juuvy(i,json[i], font, keyfontsize, valfontsize, orbcol, orbkeycol, orbvalcol, paper);
    juuvies[i].juuv_it();
    var mykey = juuvies[i].init_nodes();
    (function(i, mykey){
        juuvies[i].orb.node.onmouseover = function() {
            console.log(mykey);};
        };
    })(i, mykey);
});