您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

恢复功能之前如何等待JavaScript Promise解决?

恢复功能之前如何等待JavaScript Promise解决?

我想知道是否有任何方法可以从Promise中获取值或等待(阻止/睡眠)直到其解决,类似于.NET的IAsyncResult.WaitHandle.WaitOne()。我知道JavaScript是单线程的,但是我希望这并不意味着函数不能产生结果。

浏览器中的当前Javascript版本没有wait()sleep()允许运行其他内容。因此,您根本无法满足您的要求。相反,它具有异步操作,可以执行其操作,然后在操作完成时调用您(就像您一直在使用promise一样)。

部分原因是由于Javascript的单线程性。如果单线程正在旋转,则直到该旋转线程完成后,其他Javascript才能执行。ES6引入了yield一些生成器和生成器,这些生成器将允许一些类似的合作技巧,但是我们可以通过多种方式在已安装的浏览器中使用它们(它们可以用于控制JS引擎的某些服务器端开发中)正在使用)。

仔细管理基于承诺的代码可以控制许多异步操作的执行顺序。

我不确定我确切了解您要在代码中实现的顺序,但是您可以使用现有kickOff()函数执行类似的操作,然后.then()调用它后附加一个处理程序:

function kickOff() {
  return new Promise(function(resolve, reject) {
    $("#output").append("start");

    setTimeout(function() {
      resolve();
    }, 1000);
  }).then(function() {
    $("#output").append(" middle");
    return " end";
  });
}

kickOff().then(function(result) {
    // use the result here
    $("#output").append(result);
});

这将以保证的顺序返回输出-像这样:

start
middle
end

如果您转换代码或在支持ES7功能(例如async和)的环境中运行代码await现在await可以使代码“出现”以等待诺言的结果。它仍在发展中。它仍然不会阻止所有Javascript,但是它确实允许您以更友好的语法编写顺序操作。

代替ES6的处理方式:

someFunc().then(someFunc2).then(result => {
    // process result here
}).catch(err => {
    // process error here
});

你可以这样做:

// returns a promise
async function wrapperFunc() {
    try {
        let r1 = await someFunc();
        let r2 = await someFunc2(r1);
        // Now process r2
        return someValue;     // this will be the resolved value of the returned promise
    } catch(e) {
        console.log(e);
        throw e;      // let caller kNow the promise was rejected with this reason
    }
}

wrapperFunc().then(result => {
    // got final result
}).catch(err => {
    // got error
});
javascript 2022/1/1 18:17:40 有482人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶