js中的promise和async

最新推荐文章于 2024-08-19 09:15:46 发布

水星灭绝

最新推荐文章于 2024-08-19 09:15:46 发布

阅读量1k

点赞数 1

分类专栏： h5 前端

本文链接：https://blog.csdn.net/wulong710/article/details/112531774

版权

本文详细介绍了JavaScript中的Promise和async异步编程，包括Promise的.then(), .catch(), .finally()方法及其执行顺序，以及async函数的工作原理。通过多个示例解释了async/await的用法，并解答了关于何时使用Promise、如何中断then块、如何处理Promise链上的错误等常见问题。" 111808683,10325175,Unity实现图片拖拽与拼图游戏,"['Unity3D', '游戏开发', 'GUI交互', '图像处理']

摘要由CSDN通过智能技术生成

promise异步类

参考：https://www.runoob.com/js/js-promise.html

Promise 类有 .then() .catch() 和 .finally() 三个方法，这三个方法的参数都是一个函数，.then() 可以将参数中的函数添加到当前 Promise 的正常执行序列，.catch() 则是设定 Promise 的异常处理序列，.finally() 是在 Promise 执行的最后一定会执行的序列。 .then() 传入的函数会按顺序依次执行，有任何异常都会直接跳到 catch 序列：

Promise例子：

const log = console.log;

function getNowTime(now) {
    let tm = new Date(now);
    let arr = [tm.getHours(), tm.getMinutes(), tm.getSeconds()];
    return arr.join(":");
}

new Promise(function(resolve, reject) {
    log("create ", getNowTime(Date.now()));
    setTimeout(function() {
        log("end ", getNowTime(Date.now()));
        resolve("from create");
    }, 3 * 1000);
}).then(function(name) {
    log("then first. name = ", name, ", ", getNowTime(Date.now()));
    return "from first";
}).then(function(name) {
    log("then second. name = ", name, ", ", getNowTime(Date.now()))
    return "from second";
}).then(function(name) {
    log("then third. name = ", name, ", ", getNowTime(Date.now()));
    throw ("exception from third"); //从这里直接抛出异常跳转到finally.
    // return "from third";
}).then(function(name) {
    log("then fourth. name = ", name, ", ", getNowTime(Date.now()));
    return "from fourth";
}).catch(function(name) {
    log("catch name = ", name, ", ", getNowTime(Date.now()));
}).finally(function(name) {
    log("finally name = ", name, ", ", getNowTime(Date.now()));
});

log("main---", getNowTime(Date.now()));

结果：

$ node prm.js
create  15:54:11
main--- 15:54:11
end  15:54:14
then first. name =  from create ,  15:54:14
then second. name =  from first ,  15:54:14
then third. name =  from second ,  15:54:14
catch name =  exception from third ,  15:54:14
finally name =  undefined ,  15:54:14

例子2：

当finally与catch交换次序：

const log = console.log;

function getNowTime(now) {
    let tm = new Date(now);
    let arr = [tm.getHours(), tm.getMinutes(), tm.getSeconds()];
    return arr.join(":");
}

new Promise(function (resolve, reject) {
    log("create ", getNowTime(Date.now()));
    setTimeo