for循環node.js每次返回相同的值

Question

我一直試圖讓這個工作，但我似乎不明白爲什麼它不輸出正確的信息。 我在控制檯得到的是「頁面：6」 5次，但我要的是第1頁第2頁第3頁第4頁，第5頁。

for (var i = 1; i <= 5; i++) { 
    lib.request({ 
     path: '/channels/staffpicks/videos', 
     query: { 
      page: i, 
      per_page: 50 
     } 
    }, function (error, body, status_code, headers) { 
     if (error) { 
      console.log('error'); 
      console.log(error); 
     } else { 
      var totalbody = body.total; 
      console.log('page: ' + i); 
     } 
    }); 
} 

Answer 1

您應該會在一個包裹你的代碼IIFE使您的變量持續存在。

for (var i = 1; i <= 5; i++) { 
    (function(i) { 
    lib.request({ 
     path: '/channels/staffpicks/videos', 
     query: { 
     page: i, 
     per_page: 50 
     } 
    }, function (error, body, status_code, headers) { 
     if (error) { 
     console.log('error'); 
     console.log(error); 
     } else { 
     var totalbody = body.total; 
     console.log('page: ' + i); 
     } 
    }); 
})(i); 
} 

「問題」與您當前的代碼是傳遞到請求（）回調不發射瞬間，因此當它被調用時，它得到了「目前我」，這是6

有兩個簡單的解決方案可以按順序請求回調。

第一種解決方案 - 相互調用請求。

(function request(i) { 
lib.request({ 
    path: '/channels/staffpicks/videos', 
    query: { 
    page: i, 
    per_page: 50 
    } 
}, function (error, body, status_code, headers) { 
    if (error) { 
    console.log('error'); 
    console.log(error); 
    } else { 
    var totalbody = body.total; 
    console.log('page: ' + i); 
    } 
    request(++i); 
}); 
})(0); 

第二個 - 更高級一點，但也是一個更好的，因爲請求是在同一時間進行的。

var amount = 5, 
    fetched = 0, 
    results = new Array(amount); 
for (var i = 1; i <= amount; i++) { 
(function(i) { 
    lib.request({ 
     path: '/channels/staffpicks/videos', 
     query: { 
     page: i, 
     per_page: 50 
     } 
    }, function (error, body, status_code, headers) { 
     fetched++; 
     if (error) { 
     console.log('error'); 
     console.log(error); 
     results[i] = "error"; 
     } else { 
     results[i] = body; 
     var totalbody = body.total; 
     } 
     if (fetched === amount) { 
     results.forEach(function(body, n) { 
      console.log('page: ' + n); 
     }); 
     } 
    }); 
})(i); 
} 

雖然有更好的解決方案，但它們有點複雜。