sleep()在ES7中利用Promise和async/await的优雅实现

最新推荐文章于 2024-08-06 14:35:51 发布
最新推荐文章于 2024-08-06 14:35:51 发布
阅读量6.1k 收藏 1
点赞数 1
分类专栏： javascript 文章标签： javascript es6 es2015 promise sleep
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kingbaron/article/details/78508142
版权
本文介绍了如何在JavaScript中通过Promise和async/await优雅地实现sleep()函数，详细阐述了Promise的基本概念、构造函数、成员方法以及async/await的相关语法，通过实例展示了它们的工作原理和用法。
摘要由CSDN通过智能技术生成

sleep()的优雅实现

演示

var sleep = async (duration) => {
    return new Promise((resolve, reject) => {
        setTimeout(resolve, duration);
    });
};
(async () => {
    console.log("start!"+new Date().toISOString());
    console.time("timer1");
    await sleep(2000);//阻塞该async方法的执行线程，直到sleep()返回的Promise resolve
    console.timeEnd("timer1");
    console.log("end"+new Date().toISOString());
})();
console.log("after sleep test!");

输出

start!2017
最低0.47元/天 解锁文章
kingbaron
关注
专栏目录
Promise
hao_xiao_guang的博客
09-30 376
什么是Promise？ ES6 新增异步解决方案 Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。 从语法上说，promise是一个对象，从它可以获取异步操作的的最终状态（成功或失败）。 Promise 是一个构造函数，对外提供统一的 API，自己身上有all、reject、resolve等方法，原型上有then、catch、finally等方法。 Promise的两个特点 Promise对象的状态不受外界影响 1）pending 初始状.
JS实现sleep，普通版+promise+async/await
hannah2233的博客
07-08 607
JS实现sleep，用promise
Async Await 实现 Sleep 等待效果
最新发布
一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身"农奴"把歌唱，一边打入敌人内部一边持续提升自己，为我们广大开发同胞谋福祉，坚决抵制睿智产品折磨我们码农兄弟！
08-06 858
希望您在这里可以感受到一份轻松愉快的氛围，不仅可以获得有趣的内容和知识，也可以畅所欲言、分享您的想法和见解。我们将从基础概念开始，逐步介绍如何实现这一功能，并通过多个示例展示不同的使用场景。函数，它接收一个毫秒数作为参数，并返回一个 Promise，这个 Promise 在指定的时间后 resolve。本文将深入探讨如何利用。的表达式时，JavaScript 引擎会暂停函数的执行直到 Promise 完成，之后再恢复执行。一个做过前端开发的产品经理，经历过睿智产品的折磨导致脱发之后，励志要翻身农奴把歌唱，
JavaScript 使用 Promise 实现 sleep 休眠
永远相信美好的事情即将发生
03-20 531
以下为代码实现，该代码实现了每隔1秒打印一次当前时间，总共打印5次的功能这里使用了 Promise 异步操作功能，在 Promise 中调用了 setTimeout 方法，并在指定时间后执行回调函数完成 Promise。在外层通过 await 关键字等待 Promise 的完成。这样就实现了一个 sleep 函数了。
JavaScript实现一个sleep函数（promise）promise,async函数代码执行顺序
weixin_49376462的博客
07-11 555
JavaScript实现一个sleep函数（promise）promise,async函数代码执行顺序(面试题)
Promise使用
小白学编程
09-15 4545
1.常用用法 //promise主要用来解决低于回调问题 //fs.readFile是一个异步函数，如果直接调用，不使用promise,是无法返回结果 const fs = require('fs') function getFileByPath(fpath){ //resolve是成功之后的回调函数，reject是失败之后的回调函数 var promise = new Pr...
三分钟学会用ES7中的Async/Await进行异步编程
08-27
**异步编程与ES7的Async/Await** 在JavaScript中，异步编程是处理I/O操作、网络请求或定时任务的关键。传统的回调函数和Promise模式虽然有效，但在编写复杂的异步逻辑时，代码往往变得难以理解和维护。为了解决这个...
ES7中的Async/await及modal模块化
@的博客
09-12 399
async await module 说明
Node.js异步控制流：回调、事件、Promise和async/await
wuxiang286的博客
08-16 943
前言：对于Node.js的异步控制流，目前共计有四种常用的方式。较为经典的为callback和EventEmitter；在ES6中，加入了Promise；在ES7中加入了async/await。下面就逐个分析一下这四种常用的异步控制。
Promise的使用
qq_45675616的博客
06-24 309
第一个回调函数完成以后，会将返回结果作为参数，传入第二个回调函数。是异步编程的一种解决方案，比传统的解决方案——回到函数和事件——更合理和更强大。这是，前一个回调函数，有可能返回的还是一个。其次，如果不设置回调函数，）,在异步操作失败时调用，并将异步操作抛出的错误，作为参数传递出去。），在异步操作成功是调用，并将异步操作的结果，作为参数传递出去。此时，第二个方法指定的回调函数，就会等待这个新的。构造函数接受一个函数作为参数，该函数的两个参数分别是。对象（即有异步操作），这是后一个回调函数，就会等待改。
es6中的promise对象
Amelian的博客
12-03 205
let p = new Promise((resolve, reject) => { //做一些异步操作 setTimeout(function(){ var num = Math.ceil(Math.random()*10); //生成1-10的随机数 if(num<=5){ resolve(num); } else{ ...
十、Promise
光明小学王小雨的博客
11-27 353
一、简介 1、Promise是异步编程的一种解决方案。 我们封装一个网络请求的函数，因为不能立即拿到结果，所以不能像简单的3+4=7一样将结果返回。所以往往我们会传入另外一个函数，在数据请求成功时，将数据通过传入的函数回调出去。 如果只是一个简单的网络请求，那么这种方案不会给我们带来很大的麻烦。但是，当网络请求非常复杂时，就会出现回调地狱。 2、我们来考虑下面的场景(有夸张的成分)： 我们需要通过一个url1从服务器加载一个数据data1，data1中包含了下一个请求的url2 我们需要通过data1取出u
Promise 和 async/await
06-12
Promise 和 async/await 都是 JavaScript 中处理异步编程的方法。 Promise 是一种处理异步操作的方式，它可以将异步操作包装成一个 Promise 对象并返回，然后使用 then() 方法来处理异步操作成功的结果，使用 catch() 方法来处理异步操作失败的结果。 async/await 是 ES7 中新增的语法，它是基于 Promise 实现的一种更加简洁、易读的异步编程方式。使用 async 关键字来定义一个异步函数，然后在函数内部使用 await 关键字来等待 Promise 对象的结果，这样可以避免使用 then() 和 catch() 方法，让异步代码看起来更加像同步代码。但是需要注意的是，使用 async/await 也需要处理异步操作可能出现的异常情况。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值