link之家
链接快照平台
- 输入网页链接，自动生成快照
- 标签化管理网页链接
相关文章推荐
|
严肃的围巾 · pandas object转string-掘金· 1 年前 · |
|
|
无聊的汉堡包 · 求安卓可以解决片源音画严重不同步的问题，声音 ...· 1 年前 · |
|
|
文质彬彬的草稿纸 · 在 React 中使用类似于 redux ...· 1 年前 · |
|
|
纯真的沙滩裤 · linux下的mail命令发邮件步骤以及常见 ...· 2 年前 · |
我正在用Cordova构建一个应用程序。在一个页面上，有一个调用异步函数的EventListener。
window.addEventListener("load", loadEdit(), false);
该函数如下所示的
async function loadEdit(){...}
。
在浏览器中测试时，即使函数已完全执行，也会出现以下错误：
TypeError:属性'handleEvent‘不可调用。
但是，如果我将EventListener更改为另一个函数，然后该函数调用异步函数，则似乎没有问题。例如：
window.addEventListener("load", loadPre(), false);
function loadPre()
loadEdit();
}EventListener?
- Why调用异步函数有什么问题？
- 它没有检测到第二个方法也调用异步函数吗？
2 个回答
高票数
最新
Stack Overflow用户
修改于2020-10-19 18:48
得票数
40
您可以从
EventListener
调用异步函数。
我看到的第一个问题是，通过将回调函数作为
loadEdit()
而不是
loadEdit
或
() => loadEdit()
包含在
window.addEventListener
的第二个参数中，可以立即调用该回调函数。你必须给它一个函数作为第二个参数，现在你给了一个Promise或者
loadPre()
的返回值。
尝试这样做：
window.addEventListener("load", () => loadEdit(), false);
async function loadEdit() {
// do the await things here.
}
异步函数返回承诺。因此，如果您想在
loadEdit
之后做一些事情，请尝试：
window.addEventListener("load", () => {
loadEdit().then(/* callback function here */);
}, false);
async function loadEdit() {
// do the await things here.
}
Stack Overflow用户
回答于2021-10-11 15:50
得票数
2
TL&DR ：为了在异步函数中使用回调，您需要在Add Listener中修饰您的 async 函数，并在代码块中使用await；
解释： 正如上面例子中提到的，你会立即调用函数；这意味着要么会发生两件事:你的函数会立即返回值，要么你会得到一个承诺；在这两种情况下，最好的办法是‘等待’调用，这样程序就能更同步地运行。
async function getStringSize(searchString) {
return searchString.length;
txtInput.addEventListener("keyup", async e => {
const searchString = e.target.value;
推荐文章
|
|
严肃的围巾 · pandas object转string-掘金 1 年前 |