Question

我遇到了在cheerio库的请求函数之外访问我的变量的问题。

以下是我的代码简化，以便更好地理解：

var fullDragonInfo = {};

dragonsInfo.forEach(dragon => {

    request(`url=${dragon.name}`, function (error, response, html) {
        if (!error && response.statusCode == 200) {

            var $ = cheerio.load(html);

            $('tr').each(function (i) {
                let childrenElement = $(this).children('td').children('font');

                breedingList.push({
                    'parent_1': {
                        'name': childrenElement.eq(0).text(),
                        'color': childrenElement.eq(0).attr('color')
                    },
                    'parent_2': {
                        'name': childrenElement.eq(1).text(),
                        'color': childrenElement.eq(1).attr('color')
                    },
                    'Tokens': childrenElement.last().text()
                });

            });

            Object.assign(fullDragonInfo, {
                [dragon.name]: {
                    'type': dragon.type,
                    'tier': dragon.tier,
                    'class': dragon.class,
                    'breedable_level': dragon.breedable_level,
                    'breeds_combination': breedingList
                }
            });
        }
    });
});

fs.writeFile("finalData.json", JSON.stringify(fullDragonInfo));

所以我的输出文件finalData.json显示一个空对象。但是如果我在回调函数中执行控制台日志，那么数据就在这里。

所以我认为问题是我无法在回调之外访问我的变量，但我不知道如何做到这一点。

Answer 1

由于请求是异步发生的，但是您同步编写了文件，因此在您的任何请求返回之前都会写入。在编写文件之前，您需要等待您的请求完成。

如果你可以使用承诺，那可能会更好。但是，只计算您的请求将减少对代码的修改，如下所示：

var fullDragonInfo = {};
var callbackCount = 0;

dragonsInfo.forEach(dragon => {

    callbackCount++;

    request(`url=${dragon.name}`, function (error, response, html) {

        callbackCount--;

        if (!error && response.statusCode == 200) {

            var $ = cheerio.load(html);

            $('tr').each(function (i) {
                let childrenElement = $(this).children('td').children('font');

                breedingList.push({
                    'parent_1': {
                        'name': childrenElement.eq(0).text(),
                        'color': childrenElement.eq(0).attr('color')
                    },
                    'parent_2': {
                        'name': childrenElement.eq(1).text(),
                        'color': childrenElement.eq(1).attr('color')
                    },
                    'Tokens': childrenElement.last().text()
                });

            });

            Object.assign(fullDragonInfo, {
                [dragon.name]: {
                    'type': dragon.type,
                    'tier': dragon.tier,
                    'class': dragon.class,
                    'breedable_level': dragon.breedable_level,
                    'breeds_combination': breedingList
                }
            });
        }

        if (callbackCount === 0) {
            fs.writeFile("finalData.json", JSON.stringify(fullDragonInfo));
        }
    });
});

通过对每个请求进行计数，然后在每次获得响应时删除计数，您将知道如果计数再次为零，则所有请求必须已完成。因此，在每个请求结束时，我们检查它是否是最后一个完成的，如果是，那么将数据写入文件是安全的。

在请求之外访问变量cheerio的功能

1 个答案: