edge扩展开发中遇到异步调用callback问题

Question

popup.js中有以下代码：

var response = await chrome.runtime.sendMessage({
    ......
 });

background.js中有以下代码：

function onMessage(message, sender, sendResponse) {
    await someAsyncFunction();
    sendResponse(......);
}

chrome.runtime.onMessage.addListener(onMessage);

然后发现popup.js中response的内容是undefined，似乎无法收到sendResponse(......)的内容
是因为onMessage不能async吗？有没有什么办法解决？

Answer 1

以下回答通过自己思路及引用到GPTᴼᴾᴱᴺᴬᴵ搜索,得到内容具体如下：
是的，onMessage函数不能使用async/await。因为当使用async/await时，函数会立即返回一个Promise对象，而不会等待异步操作完成。这意味着在sendResponse(......)执行之前，onMessage函数就已经结束了。

为了解决这个问题，你可以将sendResponse(......)放在一个回调函数中，然后在someAsyncFunction()完成后调用这个回调函数。这是修改后的代码：

popup.js:

var response = await chrome.runtime.sendMessage({
    ......
});

background.js:

function onMessage(message, sender, sendResponse) {
    someAsyncFunction().then(() => {
        sendResponse(......);
    });
}

chrome.runtime.onMessage.addListener(onMessage);

---

如果以上回答对您有所帮助，点击一下采纳该答案～谢谢