关于javascript:今天踩了一个基础坑

36次阅读

共计 987 个字符,预计需要花费 3 分钟才能阅读完成。

引言

不晓得大家有没有这样一种经验:忽然发现自己之前很长时间都积重难返的一个观点是谬误的?

我明天就踩了一个坑:我的印象中始终以来记得 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);

尽管逻辑和下面是一样的,但不知为啥感觉这么写就是有点高大上呢,^-^

结束语

其实我本人到当初还没了解本人为什么会有那么一个谬误的记忆,并且这么长时间以来都没有发现修改。

犯错误不可怕,可怕的是没意识本人犯了错!

打铁还需本身硬,别看他人的实现形式有多高大上,其实都是基础知识的一些正当组合应用的后果而已,只有你根底够好,那即便面对一段简简单单的代码也能玩出不一样的花色!

~

~ 本文完,感激浏览!

~

学习乏味的常识,结识乏味的敌人,塑造乏味的灵魂!

大家好,我是〖编程三昧〗的作者 隐逸王,我的公众号是『编程三昧』,欢送关注,心愿大家多多指教!

正文完
 0