JavaScript - 为什么我的 API 调用变量返回未定义？

Question

我正在开发一个简单的应用程序来检查高分，目前我有 API 将它的值返回到控制台，但是当我尝试与这些数据交互时它返回未定义

在下面的代码中，我使用“await highscores.getStats”调用 API，但例如，当我尝试 console.log 时，“highScoreData”的值返回未定义。我是 JS 编程的新手，所以任何帮助都会得到帮助。

当前 api 返回一个 json 对象并将其值打印到控制台。这一切正常。

const Hiscores = require('osrs-hiscores').default;
const hiscores = new Hiscores({
  timeout: 6000
});


async function getHighscores() {
  let namePara = document.getElementById("UsrName").value;
  let typePara;
  let validArgument = false;

  if (namePara.length <= 12 && namePara.length > 0) {
    console.log("Valid Name");
    validArgument = true;
  } else {
    console.log("Invalid Name");
    validArgument = false;
  }
  if (validArgument === true) {

    console.log(`Player Name: ${namePara}`);
    const highScoreData = await hiscores.getStats(`${namePara}`)
      .then(res => console.log(res))
      .catch(err => console.error(err));

  }
}

Answer 1

当您使用不应该使用 then/catch 的 await 语法时，结果在“highScoreData”常量中，这就是您应该记录的内容。此外，如果您想使用 await 语法捕获错误，您应该使用那些来自 Java 或 PHP 等其他编程语言的人更熟悉的 try/catch 方法。

try {
  const highScoreData = await hiscores.getStats(`${namePara}`);
  console.log(highScoreData);
} catch (err) {
  console.error(err);
}