为什么即使在等待所有承诺解决之后，最终的 console.log 也没有显示整个数据？

Question

编辑因此，如果我setTimeout在 final 上设置 a console.log，它会很好地记录下来，但我想我的新问题是，即使有then陈述，为什么在一切都解决之后它不会触发？我有一个奇怪的错误，我无法弄清楚为什么它没有打印我期望的整个结构。我没有收到任何错误，我确实尝试输入了一些console.log，但似乎只是让anyOf属性记录下来。它总是显示为空。我的主要问题是hold没有正确记录。它显示anyOf为空。const $ = require('cheerio');const Axios = require('axios').default;let name = 'sqs';let basePath = '/AWS_SQS.html'let hold = {    '$schema': 'http://json-schema.org/draft-07/schema#',    '$id': `cf${name}`,    'description': `CF ${name}`,    'properties': {        'Type': {            'type': 'string',            'enum': [],        },    },    'anyOf': [] // this keeps coming up empty};let typeProperties = (t, p) => {    return {        'if': { 'properties': { 'Type': { 'const': t } } },        'then': {            'properties': {                'Properties': {                    'type': 'object',                    'properties': p,                },            },        },    }}const makeRequest = (bpath) => {    let url = 'https://docs.aws.amazon.com/AWSCloudFormation/latest/UserGuide/' + bpath    return Axios.get(url)        .then((res) => {            return res.data;        })        .catch(console.log);};let getData = makeRequest(basePath).then((data) => {    let match = $('.listitem>p>a', data);    match.map((i, e) => {        let t = $(e);        hold.properties.Type.enum.push(t.text());        makeRequest(t.attr('href')).then((newdata) => {            let holdProperties = {}            let pType = $($('.variablelist', newdata)[0])            $('.term>.code', pType).map((i, elem) => {                let propertyName = $(elem).text()                holdProperties[propertyName] = {}            })            hold.anyOf.push(typeProperties(t.text(), holdProperties))        }).catch(console.log)    });}).catch(console.log)getData.then(() => {    // Why doesnt this log fully once everything is resolved? If i put a setTimeout here, it will work fine    console.log(JSON.stringify(hold));}).catch(console.log)

Answer 1

在与 关联的代码中getData()，您正在执行makeRequest().then()a .map()，但完全忽略了返回的承诺makeRequest()。你不是在等他们。您需要使用Promise.all()来等待所有这些，这样您就可以返回一个与所有其他完成的承诺相关联的承诺。

你可以这样做：

let getData = makeRequest(basePath).then((data) => {

    let match = $('.listitem>p>a', data).get();

    return Promise.all(match.map(item => {

        let t = $(item);

        hold.properties.Type.enum.push(t.text());

        return makeRequest(t.attr('href')).then((newdata) => {

            let holdProperties = {}

            let pType = $($('.variablelist', newdata)[0])

            $('.term>.code', pType).map((i, elem) => {

                let propertyName = $(elem).text()

                holdProperties[propertyName] = {}

            })

            hold.anyOf.push(typeProperties(t.text(), holdProperties))

        }).catch(err => {

            console.log(err);

            throw err;              // propagate error back to caller

        });

    }));

}).catch(console.log)

getData.then(() => {

    // Why doesnt this log fully once everything is resolved? If i put a setTimeout here, it will work fine

    console.log(JSON.stringify(hold));

}).catch(console.log)

这段代码的变化：

1. 在.map()addreturn这样你就有了return makeRequest(...)，所以你.map()会返回一个 promises 数组。

2. 有了这些来自.map()use的承诺，return Promise.all(match.map(...))所以你正在等待来自的所有承诺.map()，所以你正在返回那个摘要承诺。

3. 使用从 jQuery/cheerio 获取真正的数组，.get()以便您可以使用真正的 ES6 迭代操作。

4. 然后将参数切换.map()为匹配array.map()使用的内容。

请注意，您的hold.anyOf数组的结果将无法保证顺序，因为您的所有并行makeRequest()调用都可以按任何顺序完成。如果您希望它们按顺序排列，您应该从.then()处理程序返回值，然后按顺序累积所有值，然后您可以从数组中使用它们，该数组是它们按照您请求它们的顺序Promise.all()的解析值。Promise.all()