在嵌套函數中讀取循環變量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) 
}