一、前言
有些东西很好用,但是你未必知道;有些东西你可能用过,但是你未必知道原理。
实现一个目的有多种途径,俗话说,条条大路通罗马。发散一下大家的思维以及拓展一下知识面。
二、实现一个简短的sleep函数
sleep函数主要用来做延迟执行的,很多编程语言都有sleep函数,但是javascript没有这个函数,我们实现一下:
1、简单版本
function sleep(sleepTime){
for(var start = +new Date;+new Date - start<sleepTime;){}
}
var t1 = +new Date();
sleep(3000);
var t2 = +new Date();
console.log(t2-t1);
优点:简单粗暴,通俗易懂。
缺点:确实sleep了,但是卡死了,cpu会飙升,精确度不准
2、promise版本
// promise版本
function sleep(sleepTime){
return new Promise(resolve => setTimeout(resolve,sleepTime));
}
var t1 = +new Date();
sleep(3000).then(()=>{
var t2 = +new Date();
console.log(t2-t1);
})
优点:实际上用了setTimeout,没有形成进程阻塞,不会造成性能和负载问题。
缺点:虽然解决了回调函数的嵌套,但是还是不美观,而且异步不彻底,过程中停止执行。
3、generator版本
// generotor版本
function sleep(sleepTime){
return