在嵌套函数中读取循环变量Javascript

Question

for (var j=0; j<charts.length; j++){ 
    var chart = charts[j].chartImage; 
    chart["export"].capture({}, function() { 
     this.toPNG({}, function(data) { 
      saved_charts[j] = data; 
      charts_remaining--; 

      if (charts_remaining == 0) { 
       console.log(saved_charts[0]); 
       console.log(saved_charts[1]); 
      } 
     }) 
    }) 
} 

我在saved_charts上的问题[j]它无法读取j变量，它说“可变的变量可从闭包访问”。有没有其他的方式，所以我可以得到j变量？我知道我可以使用array.push（），但由于某种原因，代码以不规则的方式生成数据值，因此不会相应地返回数据值。我认为这是因为一些数据太大，所以函数首先返回较小的数据。对不起，我仍然很难理解Javasript

Answer 1

这应该工作

for (let j=0; j<charts.length; j++){ 

如果不支持let关键字，这是经典的方式：

for (var j=0; j<charts.length; j++){ 
    var chart = charts[j].chartImage; 
    (function(j) { 
     chart["export"].capture({}, function() { 
      this.toPNG({}, function(data) { 
       saved_charts[j] = data; 
      }) 
     }) 
    })(j); 
} 

Answer 2

在老JS环境中，您可以创建一个闭包（用IIFE）来“冻结”变量。就像这样：

for (var j = 0; j < 10; j++){ 
    (function(j) { 
     setTimeout(function() {console.log(j)}, 10); 
    })(j); 
} 

Answer 3

试试这个

for (var j=0; j<charts.length; j++){ 
    var chart = charts[j].chartImage; 
    (function(p){ 
     chart["export"].capture({}, function() { 
      (function(q){ 
      this.toPNG({}, function(data) { 
       saved_charts[q] = data; 
       charts_remaining--; 

       if (charts_remaining == 0) { 
        console.log(saved_charts[0]); 
        console.log(saved_charts[1]); 
       } 
      }) 
      })(p) 
     }) 
    })(j) 
} 

或

尽量不支持此

for (var j=0; j<charts.length; j++){ 
    var chart = charts[j].chartImage; 
    (function(p){ 
     chart["export"].capture({}, function() { 
      this.toPNG({}, function(data) { 
       saved_charts[p] = data; 
       charts_remaining--; 

       if (charts_remaining == 0) { 
        console.log(saved_charts[0]); 
        console.log(saved_charts[1]); 
       } 
      }) 
     }) 
    })(j) 
}