Puppeteer 同步定义浏览器和页面

Question

在 Puppeteer 教程的开头，它说要这样做：

const puppeteer = require('puppeteer');
(async () => 
{
    await page.goto('https://example.com');
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await browser.close();
})();

这对我来说似乎很奇怪，因为整个事情都包装在一个异步函数中。如果我想等到完成后再继续呢？

编辑 - 为什么这对我来说很奇怪：
如果我的所有代码都依赖于浏览器会怎样，也就是说，在这个异步函数之外我无能为力。然后我的代码将如下所示：

//nothing up here
(async () => 
{
    //EVERYTHING is in here
})();
//nothing down here

这看起来很奇怪，因为我还不如同步地做所有事情，而不是把我的整个程序包装在一个异步函数中。

Answer 1

async 函数的原因

出于向后兼容性的原因，您需要将包含 await 指令的代码包装在 async 函数中。在 ES7 之前，您可以使用单词 await 作为变量或函数名称，这意味着这是有效的代码：

var await = 123;
console.log(await);

为了不与现有代码混淆，await 关键字只能在 async 函数中使用，这意味着要编写像 await page.goto(..) 这样的代码，您必须将它放在您正在使用的异步函数中。

等待代码完成

要等到代码完成，您可以在最后一个 await 语句之后继续，如下所示：

(async () => {
    // ...
    await browser.close();

    // continue with more code
})();