JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题

复制代码 代码如下:

  <script type="text/javascript">

  function createArray() {

  var arr = new Array();

  for (var i = 0; i < 10; i++) {

  arr[i] = function () {

  return i;

  }

  }

  return arr;

  }

  var funcs = createArray();

  for (var i = 0; i < funcs.length; i++) {

  document.write(funcs[i]() + "<br />");

  }

  //以上输出全部是i的最后一次的值(10),即会输出10个10,显然这不是我们想要的

  //原因:因为每个函数都保存了createArray函数的活动对象,所以他们引用的都是同一个i(按引用传的值)

  //解决方案:把按引用传参修改为按值传参

  function createArray() {

  var arr = new Array();

  for (var i = 0; i < 10; i++) {

  arr[i] = function (num) {

  return function () {

  return num;

  }

  } (i);//调用此匿名函数返回内部匿名函数,这里多了一步按值传递参数

  }

  return arr;

  }

  var funcs = createArray();

  for (var i = 0; i < funcs.length; i++) {

  alert(funcs[i]() + "<br />");

  }

  //以上输出的为理想结果

  </script>