从 Promise、Async/Await 、Generator等角度实现一个 sleep 函数

经常有业务需求，要等几秒才进行下一步操作。还可以进行防抖节流。

一、传统方法，回调函数

// 利用回调函数
function sleep(callback,time) {if(typeof callback === 'function') {setTimeout(callback,time)}}
function output(){console.log(1);
}
sleep(output,1000);
复制代码

二、从Promise方面进行实现

// Promise
const sleep = (time) => {return new Promise((resolve, reject) => {setTimeout(resolve, time);})
}sleep(5000).then(() => {console.log('业务代码')
})
复制代码

三、从async/await进行实现

const sleep = (time) => {return new Promise((resolve, reject) => {setTimeout(resolve, time);})
}
async function sleepAsync () {await sleep(5000);console.log('业务代码')
}
sleepAsync()
复制代码

四、从Generator 配合yield进行实现

//Generator
const sleep = (time) => {return new Promise((resolve, reject) => {setTimeout(resolve, time);})
}
function* sleepGenerator(time) {yield sleep(time);
}
sleepGenerator(5000).next().value.then(()=>{console.log('业务代码')
})
复制代码

从 Promise、Async/Await 、Generator等角度实现一个 sleep 函数相关推荐

async js 返回值_JS异步编程 | Async / Await / Generator 实现原理解析
async/await实现在多个回调依赖的场景中,尽管Promise通过链式调用取代了回调嵌套,但过多的链式调用可读性仍然不佳,流程控制也不方便,ES7 提出的async 函数,终于让 JS 对于异 ...
Promise async/await的理解和用法
Promise && async/await的理解和用法为什么需要promise(承诺)这个东西在之前我们处理异步函数都是用回调这个方法,回调嵌套的时候会发现阅读性和调试的 ...
ES6箭头函数以及promise/async/await测试案例
ES6箭头函数的运用下面以一段代码解释 function one(){return 1 以上函数用箭头函数写步骤,参考下面代码 {}和里面的东西先删去 one = (里面写参数/无参数的里面为空)= ...
【面试题】前端人70%以上不了解的promise/async await
前言今天给大家分享promise,笔者将从早期的异步代码的困境.promise出现解决了什么问题.异步回调地狱的终极方案并且实现async await的核心语法,其实async/await只是g ...
JavaScript 回调函数/Promise/ async/await
并发和并行并行和并发是两个概念,容易混淆是因为并行和并发在中文意思上相近,其实在英文中,这是完全不相同的东西,并行(parallelism).并发(concurrency). 并行(parallel ...
angular2 学习笔记 ( Rxjs, Promise, Async/Await 的区别 )
Promise 是 ES 6 Async/Await 是 ES 7 Rxjs 是一个 js 库在使用 angular 时,你会经常看见这 3 个东西. 它们都和异步编程有关,有些情况下你会觉得用它们 ...
js callback promise async await 几种异步函数处理方式
***callback 这个是最常用的也是最简单的 ,比如在ajax网络请求中,返回请求完成返回的数据回调函数就是把一个函数当成另一个函数的参数,可以传递函数内的局部变量,也可以异步完成一些操作, ...
rust异步编程--理解并发/多线程/回调/异步/future/promise/async/await/tokio
1. 异步编程简介通常我们将消息通信分成同步和异步两种: 同步就是消息的发送方要等待消息返回才能继续处理其它事情异步就是消息的发送方不需要等待消息返回就可以处理其它事情很显然异步允许我们同时做更 ...
JS实现sleep，普通版+promise+async/await
1-1 普通版 function sleep() {var start = new Date()while(new Date() - start <= sleepTime) {}var t1 = ...
JavaScript 异步 setTimeout promise async await
异步在此就不再赘述,下面主要说一下JS中异步的实现方式. 1,setTimeout 计时器 ,实现代码如下 <!DOCTYPE html> <html lang="en&q ...

从 Promise、Async/Await 、Generator等角度实现一个 sleep 函数

一、传统方法，回调函数

二、从Promise方面进行实现

三、从async/await进行实现

四、从Generator 配合yield进行实现

从 Promise、Async/Await 、Generator等角度实现一个 sleep 函数相关推荐

最新文章

热门文章