异步函数返回 [object Object] 而不是 value

Question

在调用异步函数时，我希望它返回一个 JSON 有效负载，以便我可以从对象中提取一个值。但是，该函数只返回[object Object]

异步函数在普通函数中被调用，所以我尝试将父函数更改为异步函数。这对我有帮助，因为最初我只获得了 [object Promise]

的值

最初，我是这样尝试的：

const sendRequestToApprover = (userId, announcement, username) => {
  const { title, details, channel } = announcement;

  const channelName = channels.getChannelName(channel);
  console.log('channelName' + channelName);

而getChannelName 看起来像：

async function getChannelName(id) { 
  try {
    return await api.get('/channels.info', {
      params: { 
        token: botToken,
        channel: id,
      }
    });
  } catch (err) {
    console.log(err);
  }
}

通过对sendRequestToApprover 进行以下更改，我能够解决获取[object Promise] 的问题：

async function sendRequestToApprover(userId, announcement, username) {
  const { title, details, channel } = announcement;

  const channelName = await channels.getChannelName(channel);

  console.log('channelName' + channelName);

注意它现在是一个异步函数，我在函数调用中添加了await。

我知道调用的有效载荷将返回以下内容：

{
    "ok": true,
    "channel": {
        "id": "CJSFDR83T",
        "name": "general",
...
}

我不太明白为什么在这种情况下我无法找到这个名字。我已经在其他功能中做到了这一点，而这个让我很难过。 channelName 仍在返回 [object Object]。

Answer 1

当你这样做时：

console.log("channelName" + channelName);

您在channelName 上调用toString 方法，而在一个对象上这会导致[object Object]。

console.log("Object.toString() -> " + { foo: "bar" });

您可以通过将另一个参数传递给console.log 来避免这种情况。

console.log("Object.toString() -> ", { foo: "bar" });

Answer 2

在这个周末试图解决这个问题后，我感到非常失败。

我通过将 API 调用分配给一个变量并记录结果来解决这个问题。

try {
    const result = await api.get('/channels.info', {
      params: { 
        token: botToken,
        channel: id,
      }
    });

然后我尝试记录 result 并看到了有效负载！所以我更新了函数：

async function getChannelName(id) { 
  try {
    const result = await api.get('/channels.info', {
      params: { 
        token: botToken,
        channel: id,
      }
    });
    return result.data.channel.name
  } catch (err) {
    console.log(err);
  }
}

现在我的channelName 变量返回频道名称！