await 仍然将变量设置为未定义并将返回或回调函数设置为全局变量

Question

    async function displayEmbed(args, msg) {
    var bridgeembed = await getBridgeClutcherStats(args, msg) //should set bridgeembed to an embed
    var omniembed = await getOmniClutcherStats(args, msg) //should set omniembed to an embed
    var extembed = await getExtClutcherStats(args, msg) //should set extembed to an embed

    var desccc = "```Bridge Clutch: ????```\n" + "```Omni Clutch: ⚛```\n" + "```Extension Clutch: ????```\n";
    new Menu(msg.channel, msg.author.id, [{
    name: "main",
    content: new MessageEmbed({
        title: "Please Choose a Gamemode",
        description: desccc,
        url: "https://3d4h.world",
        color: 16711935,
        author: {
            name: args[1],
            url: `https://namemc.com/profile/${args[1]}`,
            icon_url: `https://mc-heads.net/body/${args[1]}`
        }
    }),
    reactions: {
        "????": "stop",
        "????": "bridgeclutch",
        "⚛": "omniclutch",
        "????": "extclutch"
    }
},
{
    name: "bridgeclutch",
    content: bridgeembed,
    reactions: {
        "◀": "main"
},
    name: "omniclutch",
    content: omniembed,
    reactions: {
        "◀": "main"
    },
    name: "extclutch",
    content: extembed,
    reactions: {
        "◀": "main"
    }

}
]);

}

所以在创建嵌入菜单之前，我一直在尝试运行三个函数。我遵循了这些 (How to synchronously call a set of functions in javascript) 步骤，但 bridgeembed、omniembed 和 extembed 仍然以未定义的形式结束。

当我直接从函数发送嵌入时，它起作用了。我也尝试过使用这样的回调：

       getOmniClutcherStats(args, msg, function(omniclutchEmbed){

            getExtClutcherStats(args, msg, function(extclutchEmbed){

                getBridgeClutcherStats(args, msg, function(bridgeclutchEmbed) {

                    new Menu(msg.channel, msg.author.id, [{
                        name: "main",
                        content: new MessageEmbed({
                            title: "Please Choose a Gamemode",
                            description: desccc,
                            url: "https://3d4h.world",
                            color: 16711935,
                            author: {
                                name: args[1],
                                url: `https://namemc.com/profile/${args[1]}`,
                                icon_url: `https://mc-heads.net/body/${args[1]}`
                            }
                        }),
                        reactions: {
                            "????": "stop",
                            "????": "bridgeclutch",
                            "⚛": "omniclutch",
                            "????": "extclutch"
                        }
                    },
                    {
                        name: "bridgeclutch",
                        content: bridgeembed,
                         reactions: {
                            "◀": "main"
                       },
                        name: "omniclutch",
                         content: omniembed,
                         reactions: {
                            "◀": "main"
                          },
                        name: "extclutch",
                         content: extembed,
                         reactions: {
                            "◀": "main"
                        }
                
                    }
                    ]);
                
                
                });
        

            });
        });

但只有在桥接时它才有效，对于其他人UnhandledPromiseRejectionWarning: TypeError: Cannot read property 'content' of undefined

如何将返回或回调的嵌入保存到变量中，以便在反应菜单中访问它们？

提前致谢！

Answer 1

正如@o-jones 和@jfriend00 所提到的，您需要直接从您的函数中返回一些内容，以便它们可以在displayEmbed 中使用。此外，正如@jfriend00 所提到的，如果您想使用async/await 来确保调用按顺序发生，您需要确保函数的返回类型是Promise，它将通过结果，或者结果本身，如果可以同步确定的话。

查看该 PasteBin 中为 getExtClutcherStats 提供的代码，您正在调用一些异步函数：

• connection.query
• MojangAPI.nameToUuid
• MojangAPI.profile
• average

全部使用 NodeJS 风格的回调传递模式。此外，在您的快乐路径中，您将返回嵌套在所有这些调用中的 extclutchembed：

connection.query('SELECT * FROM C3', function (error, rows, fields) {
  …
  MojangAPI.nameToUuid(args[1], function (err, res) {
    …
    MojangAPI.profile(rows[playerNum].UUID, function (err, res) {
      …
      average(`/home/bardia/3d4hbot/${res.name}.png`, (err, color) => {
        …
        return extclutchEmbed
      }
      …
    }
    …
  }
  …
}

鉴于该结构，extclutchEmbed 将仅返回到立即回调函数（快乐路径中的average）。

在这种情况下，确保返回 Promise 的最快方法是将逻辑包装在传递给 Promise 构造函数的函数中，并将您希望在 promise 解析时返回的结果传递给resolve函数，像这样：

function getExtClutcherStats (args, msg) {
  …
  return new Promise((resolve, reject) => {
    …
    connection.query('SELECT * FROM C3', function (error, rows, fields) {
      …
      MojangAPI.nameToUuid(args[1], function (err, res) {
        …
        MojangAPI.profile(rows[playerNum].UUID, function (err, res) {
          …
          average(`/home/bardia/3d4hbot/${res.name}.png`, (err, color) => {
            …
            resolve(extclutchEmbed)
            return
          }
          …
        }
        …
      }
      …
    }
  });
}

您需要在该函数中处理return 的其他位置，以确保调用者可以处理它们，或者，如果您想将错误处理推送给调用者，您可以使用@987654344 @ 功能;例如，靠近顶部：

if (args[1].length > 16) {
  msg.channel.send('Invalid Player Name')
  return
}

可能变成：

if (args[1].length > 16) {
  reject('Invalid Player Name')
  return
}

然后调用站点可以变成：

try {
  var extembed = await getExtClutcherStats(args, msg)
} catch (error) {
  msg.channel.send(error);
}