For循环 - 条件破坏 - 里面的异步函数

Question

有人可以向我解释这里的for 循环发生了什么吗？我不明白为什么循环超出了它的条件。我希望条件[i] 停止在'2'。我想这种行为对于for 循环中的其他异步函数是相同的。非常感谢！

var path = require('path')
var fs = require('fs')
var request = require('request')
var cheerio = require('cheerio')

for (i=0; i < 3; i++) {
    console.log(i)
    var arr = []
    var url = 'https://en.wikipedia.org/wiki/Web_scraping'

    request (url, function(error,response,body) {
      if(error){
        throw err;
      } $ = cheerio.load(body)

      var x = $.html()
      console.log(i)
    })
}

/* Results
0
1
2
3
3
3
*/

Answer 1

您的循环恰好执行了 3 次，并在此处记录 i - 0,1,2：

for(i=0; i < 3; i++){
    console.log(i)
    ^^^^^^^^^^^^^  <--------------------------------

然后这里添加的回调

request(url, function(error,response,body){
             ^^^^^^^^^^^^ <----------------------------

执行3次并记录3, 3, 3:

    if(error){
        throw err;
    } $ = cheerio.load(body)
        var x = $.html()
        console.log(i)
        ^^^^^^^^^^^^^ <-----------------------------
    })

请参阅 this question 以了解为什么 i 在回调中输出为 3 三次，而不是您可能期望的 0, 1, 2。如果你使用let 而不是var，你会得到0, 1, 2：

for(let i=0; i < 3; i++){

Answer 2

Maximus 会告诉您代码为何如此运作。但是你如何解决它？如果您可以使用 ES6 语言功能（您可能可以，因为看起来您使用的是 Node.js），最基本的方法是使用 let 而不是 var 声明您的变量。 let 的行为方式可能符合您的预期。除了在从 lambda 引用时表现得更合理之外，使用 let 声明的变量是块作用域而不是函数作用域，这更直观。