在javascript匿名方法中访问复制的整数变量

前端之家收集整理的这篇文章主要介绍了在javascript匿名方法中访问复制的整数变量前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是一名C#开发人员,习惯于在C#中使用闭包.
目前我必须使用匿名 javascript函数并遇到以下代码段的问题:
  1. function ClosureTest() {
  2. var funcArray = new Array();
  3.  
  4. var i = 0;
  5. while (i < 2) {
  6. var contextCopy = i;
  7.  
  8. funcArray[i] = function() { alert(contextCopy); return false; };
  9.  
  10. i++;
  11. }
  12.  
  13. funcArray[0]();
  14. funcArray[1]();
  15. }

我希望第一个funcArray()调用说0,第二个说1.但是,他们都说1.这怎么可能?

通过编写var contextCopy = i,我确保创建i变量的副本.然后,在每次迭代中,我创建一个全新的函数指针.每个函数都引用它自己的i副本,即contextCopy.但是,由于某种原因,两个创建的函数都引用相同的contextCopy变量.

这在javascript中如何工作?

解决方法

JavaScript有词法闭包,而不是块闭包.即使您将i分配给contextCopy,contextCopy本身也是ClosureTest的词法成员(与C#不同,其中{}为您提供了新的作用域块).试试这个:
  1. while (i < 2) {
  2. funcArray[i] = (function(value) {
  3. return function(){ alert(value); return false; }
  4. })(i);
  5. i++;
  6. }

猜你在找的JavaScript相关文章