JavaScript/Playwright：async函数为何需内外用await且必须声明？

我刚接触await关键字，之前习惯用Cypress里旧的类Promise命令。现在有个困惑：当函数返回Promise时，函数内部和调用该函数时都得用await。比如页面对象模型（POM）里的这个方法：

async goto() {
    await this.page.goto('https://playwright.dev');
}

这个方法内部已经用await等待了返回Promise的page.goto()，但调用的时候还是得执行await playwrightDev.goto();。我知道语法要求这么写，但搞不懂背后的原因：既然函数内部已经等最内层命令完成了，为啥函数本身必须声明async，调用时还要加await？

核心原因是**async函数的本质就是返回Promise**，和内部有没有await无关：

• 只要你给函数加了async关键字，不管函数内部做了什么，它都会自动把返回值包装成一个Promise。哪怕函数里没有显式return，它也会返回一个状态为resolved、值为undefined的Promise。
• 内部的await只是让函数内部的代码暂停执行，等待page.goto()这个异步操作完成后再继续，但这并不会改变函数本身返回Promise的特性。

举个简单例子：

async function test() {
  await new Promise(resolve => setTimeout(resolve, 1000));
}
// 调用test()时，它返回的还是一个Promise，必须用await等待它完成
await test();

如果调用时不加await，这个Promise会在后台执行，但你的代码会直接往下走，可能导致后续操作（比如操作页面元素）在页面还没加载好的时候就执行，从而出错。

另外，你之前用的Cypress旧命令是基于自己的异步队列实现的，它会自动处理等待逻辑，不需要显式用await。但Playwright遵循的是JavaScript标准的异步规范，所以必须严格按照async/await的规则来写。

内容的提问来源于stack exchange，提问作者msmith1114