js最简单的几个特效_简单几个例子让你明白JS函数的执行时机！

一个函数在调用的时机不同，那么它执行出来的结果也不同。

• 来举个栗子

let 

通过以上代码我们可以很容易的看出来最后执行fn()的时候打印出出1。我们接下里再提升一点难度，请看下方代码。

let 

这回大家猜猜看执行最后一句fn()的时候会打印出多少？肯定是打印出2的，至于为什么呢，当然是在执行到第5句的时候a = 2，在这个时候a已经不再是当初的a了因为a被重新赋值a = 2了。就这么简单。

• 来！难度升级

let 

细心的小伙伴可能已经看出来了这一切，这里我们多了一句setTimeout，setTimeout的意思就是稍后执行，稍后执行是什么意思呢？稍后，就是当前任务执行完再执行。也就是代码执行完了之后再执行打印，说以最后打印出2。

！来给代码加点料

let 

同上面的例子，这回我们使用了for循环。当for循环遇上setTumeout的时候，会擦除不一样的火花。当setTumeout打印出“i”的时候，for循环已经执行完了6遍，没有继续的任务了，这时setTumeout被触发，打印出6个6。

为什么打印出6个6？因为for循环结束得到的值是6，循环了6遍，所以也打印了6遍。还有上面只有一个“i”所以也就只有一个最新值。

• ​难度升级！

for

对比上一题代码我们发现，只是将外面的初始化语句“i=0”放到了for循环里面。按照正常思维来说，打印结果会跟上一题结果一样，但是在JS当中打印出了新的值。

因为JS在这种语句的情况下每次进入for循环的时候都会将“i”复制一份，就是说复制出来的“i”值不会变，就是把每次循环都复制一份留在这个空间“i = 0,i = 1，i = 2”...，不跟随新的i变化，所以6次循环生成出了6个新值的i，加上本生i=0一共有7个1。因为JS在for和let 一起用的时候会加东西，每次循环都会多创建一个i。

老规矩上图、拒绝白嫖、拒绝下次一定！！！