javascript - 服务人员：async await 与 waituntil 结合使用无法正常工作

Question

async/await在使用语法时，我正在为服务工作者的承诺而苦苦挣扎。
以下情况：我收到了推送通知并想处理点击事件。如果我使用“旧”语法，then我catch可以迭代客户端列表并对其进行处理。如果我使用我喜欢的方式，async/await它不会做任何事情。

self.addEventListener("notificationclick", event => {

  // is working
  event.waitUntil(self.clients.matchAll().then(clientList => {
    console.log(clientList);
  }));

  // is not working
  event.waitUntil(async () => {
    const clientList = await self.clients.matchAll();
    console.log(clientList);
  });
});

Answer 1

感谢@Crice 和@Keith，

waitUntil 需要一个 Promise 作为参数而不是一个函数。所以这是 async/await 风格的工作示例：

self.addEventListener("notificationclick", event =>
{
    event.waitUntil(getClients());
});

async function getClients()
{
    const clientList = await self.clients.matchAll();
    console.log(clientList);
}

Answer 2

您可以修改原始代码以将异步 IIFE 设置为

  // should be working now
  event.waitUntil( (async () => {
    const clientList = await self.clients.matchAll();
    console.log(clientList);
  })() );

添加的 ( ) 将立即调用 async 函数，因此名称为 async IIFE