javascript - js中匿名函数不执行的问题

问题描述

问 题

我按照《js高级程序设计》里的以下代码（p181 关于闭包的知识点）敲到JS Bin中，

function createFunctions(){
  var result = new Array();
  
  for (var i = 0; i < 10; i++){
    result[i] = function(){
      return i;
    };
  }
  return result;
}
console.log(createFunctions());

通过console.log输出发现直接输出了该匿名函数的一个数组，而不是输入一个数值的数组：

[function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }, function (){
    return i;
  }]

但是如果写成以下形式，就成功了：

function createFunctions(){
  var result = new Array();
  
  function indexNum(i){
      return i;
    }
    
  for (var i = 0; i < 10; i++){
    result[i] = indexNum(i);
  }
  return result;
}
console.log(createFunctions());

输出：

[0, 1, 2, 3, 4, 5, 6, 7, 8, 9]

为什么上面第一个例子中的匿名函数不执行呢？

解决方案

函数不调用怎么会执行呢

function createFunctions(){
  var result = new Array();
  
  for (var i = 0; i < 10; i++){
    result[i] = (function(i){
      return i;
    })(i);
  }
  return result;
}
console.log(createFunctions());

这样就执行了

这篇关于javascript - js中匿名函数不执行的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！