javascript - 为什么索引会这样增加？ javascript

Question

第一个控制台日志:0，如预期。第二个控制台日志:1。为什么索引在循环结束之前增加？

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

          console.log(i);

          this.http.post('http://localhost:63203/api', JSON.stringify(this.offlineTimeSlots[i]), { headers: headers })
            .map(res => res.json())
            .subscribe(data => { 

              console.log(i);

              resolve(data);
            }, (err) => {
              reject(err);
            });
        }

Answer 1

当您在 for 循环内进行类似操作时，基本上您正在生成 http 请求(异步)的 this.offlineTimeSlots.length 。根据循环的长度，通常 for 循环几乎每次都会在 http 请求之前完成其循环。

看一下这个例子:

for(var i = 0; i < 10; i++){
    console.log(i);
    setTimeout(()=>{
        console.log(i);
    },2000);
}

这将打印从 0 到 10 的数字(10 除外)，然后打印 10，十次。原因是您在循环时创建 10 个(循环长度)异步请求。由于 for 循环将比 2 秒更快地完成遍历，因此在 setTimeout 开始时，i 将是 9 + 1(后增量)。

来源 fiddle :https://jsfiddle.net/echonax/c9p4e19o/