今天踩了一个基础坑

简介: 不知道大家有没有这样一种经历:突然发现自己之前很长时间都根深蒂固的一个观点是错误的?

引言


不知道大家有没有这样一种经历:突然发现自己之前很长时间都根深蒂固的一个观点是错误的?


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


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


结束语


其实我自己到现在还没理解自己为什么会有那么一个错误的记忆,并且这么长时间以来都没有发现修正。


犯错误不可怕,可怕的是没意识自己犯了错!


打铁还需自身硬,别看别人的实现方式有多高大上,其实都是基础知识的一些合理组合使用的结果而已,只要你基础够好,那即使面对一段简简单单的代码也能玩出不一样的花样!


~ 本文完,感谢阅读!


学习有趣的知识,结识有趣的朋友,塑造有趣的灵魂!




相关文章
|
9月前
|
程序员
程序员创业踩过的10个坑
我在之前的文章《程序员如何行稳致远》和《程序员是否适合创业》中跟朋友们提过,程序员要早点积累自己的生产资料,尽早尝试轻创业。但是创业有很多坑,我总结了这些年自己踩过的10个坑,希望对你有帮助。
|
10月前
|
Shell Python
这些年,你们一起踩过的坑(2)
上次我们踩坑总结文章 这些年,你们一起踩过的坑(1) 受到了不少同学的认可。我也确信文中所涉及的问题是非常具有普遍性的,对绝大多数初学者都会有帮助。
|
7月前
|
安全 程序员 测试技术
【程序员有哪些绝对不能踩的坑】
【程序员有哪些绝对不能踩的坑】
|
8月前
|
机器学习/深度学习 人工智能 算法
【如何入门编程】编程升级通关绝招
【如何入门编程】编程升级通关绝招
32 0
|
10月前
|
IDE Shell 开发工具
这些年,你们一起踩过的坑(1)
今天就把平常被提问频率较高的一些问题整理出来,再次统一回答。基本都是非常早期阶段的问题,其中一定有你遇到过或将会遇到的。已经有一定基础的同学也可以对照下,这些问题涉及的概念,自己是否都已清楚。
|
11月前
|
人工智能
小白也可以做智慧大屏?我来帮你踩踩坑!
小白也可以做智慧大屏?我来帮你踩踩坑!
106 0
小白也可以做智慧大屏?我来帮你踩踩坑!
|
11月前
|
存储 移动开发 前端开发
别踩白块_前端H5游戏毕设
别踩白块_前端H5游戏毕设
164 0
|
11月前
|
存储 移动开发 前端开发
别踩白块_前端H5游戏毕设(下)
别踩白块_前端H5游戏毕设
214 0
|
设计模式 安全 关系型数据库
2w行代码、200个实战项目,助你修炼5大编程基本功
2w行代码、200个实战项目,助你修炼5大编程基本功
|
IDE 程序员 Go
如何借助工具快速生成代码?初学者容易踩的坑有哪些?
这篇内容继续分享重点内容:如何借助工具快速生成代码?初学者容易踩的坑有哪些?
129 0
如何借助工具快速生成代码?初学者容易踩的坑有哪些?