Как я могу создать асинхронный / ждать глобально

Question

Я хочу использовать глобально переменную, которая имеет ожидание, что-то вроде этого:

(async () => {
  const browser = await puppeteer.launch({headless: false})
  const page = await browser.newPage();
})()

И позже использовать ее на всех моих функциях:

async function login() {

  await page.goto(urls.login);
  await page.type('#username', user);
  await page.type('#password', pw);
  page.click('[type="submit"]');
  await page.waitForNavigation();

}

Запустив ее, я получаюэта ошибка:

ReferenceError: страница не определена.

Есть ли способ заставить ее работать?

Answer 1

Сохраните обещание в глобальной переменной:

const pagePromise = (async () => {
  const browser = await puppeteer.launch({headless: false})
  return browser.newPage();
})();

Затем вы сможете использовать его как

async function login(page) {
  await page.goto(urls.login);
  await page.type('#username', user);
  await page.type('#password', pw);
  page.click('[type="submit"]');
  await page.waitForNavigation();
}
pagePromise.then(login).catch(console.error);

или

async function login() {
  const page = await pagePromise;
  await page.goto(urls.login);
  await page.type('#username', user);
  await page.type('#password', pw);
  page.click('[type="submit"]');
  await page.waitForNavigation();
}
login().catch(console.error);

Answer 2

Решения здесь: https://github.com/tc39/ecmascript-asyncawait/issues/9

(async () => {
const browser = await puppeteer.launch({headless: false})
const page = await browser.newPage()

async function login() {

    await page.goto(urls.login, {waitUntil: 'networkidle2'});
    await page.type('#user', user);
    await page.type('#password', pw);
    await page.click('[type="submit"]');
    await page.waitForNavigation();
    await page.screenshot({path: 'after-login.png'});
}

login();

})()