JavaScript 系列--JavaScript一些奇淫技巧的实现方法(一)简短的sleep函数,获取时间戳

本文介绍了JavaScript中实现sleep函数的不同方法,包括简单版本、Promise、Generator、Async/Await以及开源模块,并分析了各自的优缺点。同时,文章详细探讨了JavaScript获取时间戳的多种方式,如普通版、进阶版、Date.now()以及利用隐式转换的终极版,解释了其工作原理和潜在的兼容性问题。
摘要由CSDN通过智能技术生成

一、前言

有些东西很好用,但是你未必知道;有些东西你可能用过,但是你未必知道原理。
实现一个目的有多种途径,俗话说,条条大路通罗马。发散一下大家的思维以及拓展一下知识面。

 

二、实现一个简短的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 
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值