在使用 Async/Await 时，你可能会遇到 SyntaxError: Unexpected token function 的错误，这通常是由于不正确的语法导致的。在本文中，我们将介绍此错误的原因以及如何解决它。
错误原因
这个错误通常是由于在异步函数前缺少 async 关键字引起的。如果你尝试在一个普通函数中使用 await，你会得到类似以下的错误：
-------- --------- - ------ ----- --------------- -- ------------ ---------- ----- ----- -
在上面的代码示例中，我们忘记了在 getData 函数前加上 async 关键字，因此 JavaScript 引擎无法理解 await 关键字并抛出了 SyntaxError 错误。
解决方案
要解决这个错误，你需要确保在使用 await 关键字之前，你已经声明了一个异步函数，并将该函数标记为 async。下面是一个修正上述示例代码的示例：
----- -------- --------- - ------ ----- --------------- -
在上面的代码示例中，我们将 getData 函数标记为 async，然后可以在函数内部使用 await 关键字。
除了在异步函数前添加 async 关键字之外，还需要确保你的 await 表达式放置在 Promise 中。例如，在使用 fetch API 时，你应该将它放在 then 方法中，如下所示：
----- -------- --------- -
------ --------------
-------------- -- ----------------
---------- -- ------------------
------------ -- ----------------------
-结论
在本文中，我们解决了使用 Async/Await 时可能遇到的 SyntaxError: Unexpected token function 错误。要解决这个问题，你需要确保在使用 await 关键字之前声明一个异步函数，并将该函数标记为 async。此外，还要确保你的 await 表达式放置在 Promise 中。
希望这篇文章对你学习和使用 Async/Await 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25568