一种Promise延迟休眠方式

最新推荐文章于 2024-08-09 13:22:57 发布

晴空排云

最新推荐文章于 2024-08-09 13:22:57 发布

阅读量3.6k

点赞数

分类专栏： JS 文章标签： js es6/es7 javascript es6 html5

本文链接：https://blog.csdn.net/lxh_worldpeace/article/details/105464000

版权

JS 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文介绍了一种在ES6中使用Promise实现指定毫秒数延时的方法，通过定义一个sleep函数，该函数接收毫秒数作为参数并返回一个Promise对象，利用setTimeout实现延时效果。文章展示了如何将此延时函数应用于业务逻辑中，形成链式调用。

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

使用ES6的promise，有时可能会有这样一种需求：休眠xxx毫秒之后再执行指定的promise。可通过下面的方式实现。

1、定义延迟休眠函数

延迟休眠函数仍然返回一个Promise对象，便于和原有的Promise做链式调用。原理是使用js原生的setTimeout方法，代码如下

/**
 * 定义休眠函数
 * @param {number} msTime 休眠时间，毫秒
 */
let sleep = msTime => {
    return new Promise(resolve => setTimeout(resolve({
        success: true,
        time: msTime
    }), msTime));
};

2、使用方式

假设businessAction1和businessAction2是休眠前后需要执行的业务逻辑，则休眠使用方式如下

let businessAction1 = () => {
    console.log('休眠前业务操作。。。');
    return Promise.resolve()
};

let businessAction2 = res => {
    console.log(`执行到这里，说明已休眠 ${res.time} 毫秒`);
    console.log('休眠后业务操作。。。');
    return Promise.resolve()
};

// 休眠调用
let call = () => {
    businessAction1().then(() => {
        return sleep(500);
    }).then(res => {
        return businessAction2(res);
    });
}

在浏览器控制台执行结果如下