Question

我正在使用REST来电收集一些数据。

我有以下函数调用“目录”端点，该端点返回一个人员列表

我可以获得有关他们孩子的更多信息现在要获取他们的个人信息，我将不得不使用他们的个人API。

var listOfPeople = [];
var numberOfKids = [];

//using superagent    
var req = request.get(ApiPrefix + "/directory");

    req.end(function (err, res) {
                if (err || !res.ok) {
                    console.log("Error obtaining directory");
                } else {

                    listOfPeople.add(res.body);

                    // loop to retrieve all events.
                    for (var i = 0; i < res.body.length; i++) {
                        var personID = res.body[i].id;

                        $.getJSON('/directory/person', {
                                id: personID
                            },
                            function (result) {
                                numberOfKids.add(result);
                            });
                    }
                }
            });

虽然上面的代码完全正常，但我收到Gulp watch的错误：

line 67, col 30, Don't make functions within a loop. (W083)
1 error

那么，如何在期望完全相同的行为的同时解耦循环和AJAX调用呢？

Answer 1

我认为您可以删除for循环并开始使用Array.forEach https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/forEach

支持所有最新的浏览器

在您的情况下，您的for循环应修改为

res.body.forEach(function(person){
   var personId = person.id;
   // your getJson call comes here 
});

如何避免在循环中创建函数？

1 个答案: