代码之家 › 专栏 › 技术社区 › Hortitude

javascript闭包示例

javascript

Hortitude · 技术社区 · 14 年前

我在这个网站上阅读关于闭包的说明:blog.morrisjohns.com/javascript_closures_for_dummies.html

它有以下例子:

function buildList(list) {
  var result = [];
  for (var i = 0; i < list.length; i++) {
    var item = 'item' + list[i];
    result.push( function() {alert(item + ' ' + list[i])} );
  }
  return result;
}

function testList() {
  var fnlist = buildList([1,2,3]);
  // using j only to help prevent confusion - could use i
  for (var j = 0; j < fnlist.length; j++) {
    fnlist[j]();
  }
}

他们的笔记(正确)指出:

行result.push(function() {alert(item+''+list[i])}添加对匿名函数的引用三次到结果数组。如果你对anonymous不太熟悉函数可以这样认为: pointer=function(){alert(item+''+list[i])}; 结果。按下(指针);

请注意,在运行示例时, “项目3未定义”被警告3 时代!这是因为就像以前的例子只有一个局部变量的闭包构建列表。当匿名者函数是在线调用的他们都用同样的方法单闭包,他们使用 i和项的当前值一个结束(我有一个价值因为循环已经完成了, 项的值为“item3”。

是否有“正确”的方法来获得javascript中的“预期”行为?

谢谢!

2 回复 | 直到 14 年前

deceze 14 年前

result.push((function (jtem, j) {
   return function() { alert(jtem + ' ' + list[j]); }
})(item, i));

创建一个引入新变量作用域的匿名函数。立即执行该函数,传递变量,这些变量将成为新变量 jtem 和 j 在一个新的范围内,因此 item 和 i 是“坏的”。然后返回实际的函数,该函数现在使用不同的变量(可以保留名称 我 和 项目 ,我只是为了说明的目的更改了它们)。

Matt 14 年前

是的,您将i的值赋给另一个变量,这样该变量就可以成为闭包的一部分。

function buildList(list) {
  var result = [];
  for (var i = 0; i < list.length; i++) {
    var item = 'item' + list[i];
    result.push(function(cItem, index){ 
       return function(){ alert(cItem + ' ' + list[index]); }
    }(item, i));
  }
  return result;
}

其原因是JavaScript没有块范围,而是由函数捕获的词法范围。为了解决这个问题,您可以创建另一个函数,如上面所示,从而将变量捕获到一个不受循环影响的新范围中。

推荐文章

Softly · 单选按钮未按预期取值

1 年前

Jason Owens · 我的html/javascript播放按钮无法播放嵌入的youtube视频

1 年前