标签:function mainFun 一个 基础 timer setInterval 今天 func 1000
引言
不知道大家有没有这样一种经历:突然发现自己之前很长时间都根深蒂固的一个观点是错误的?
我今天就踩了一个坑:我的印象中一直以来记得 setInterval 在定义好之后会立即执行一次里面的逻辑,所以在实现下图的逻辑时,我将第二步(”立即执行逻辑 a“)给省去了,这一省却给我带来了了一个bug,汗~
出了 bug,就要补救,态度不能丢!
青铜级
说到最简单的修复方案,那就是我们经常会用到的方法,代码如下:
function fun(){}
fun();
setInterval(fun, 1000);
对,就是这么简单且朴实无华!
钻石级
既然是钻石级了,那就必须要玩出点花样,否则那不就白瞎这段位了。
上面青铜级的实现其实存在一个隐患:不能确保同一时间只有一个执行这个逻辑的定时器。那么我们再来封装一下:
let timer = null;
function func(){}
function mainFun(callback, time){
callback();
return setInterval(callback, time);
}
timer && clearInterval(timer);
timer = mainFun(func, 1000);
星耀级
使用目标函数返回目标函数自身。
let timer = null;
function func(){}
timer && clearInterval(timer);
timer = mainFun(func(), 1000);
嗯,代码格调又高了一截。
王者级
既然是需要立即执行,那为何不用自执行函数呢?
let timer = null;
timer && clearInterval(timer)
timer = setInterval((function func () {})(), 1000);
虽然逻辑和上面是一样的,但不知为啥感觉这么写就是有点高大上呢,-
结束语
其实我自己到现在还没理解自己为什么会有那么一个错误的记忆,并且这么长时间以来都没有发现修正。
犯错误不可怕,可怕的是没意识自己犯了错!
打铁还需自身硬,别看别人的实现方式有多高大上,其实都是基础知识的一些合理组合使用的结果而已,只要你基础够好,那即使面对一段简简单单的代码也能玩出不一样的花样!
- ~
- 本文完,感谢阅读!
~
学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!
标签:function,mainFun,一个,基础,timer,setInterval,今天,func,1000 来源: https://www.cnblogs.com/bianchengsanmei/p/15893702.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。