前几天面试遇到了一些问题,恰好今天偶然间看到了这个问题,决定记录一下
定时器中打印结果为5,考察知识点变量提升,同步和异步
解答:首先定时器为异步操作,需要等待函数体执行完毕才可以继续执行,也就是此时的0,1,2,3,4已经打印出来了,i=4时条件成立,i++,此时i=5,下一轮判断失败,结束循环
因为var 存在变量提升,相当于这样
所以最后的为5,定时器输出为5
然后我又想了想,如果定时器想要打印出0,1,2,3,4有几种实现方式
第一种:
上结果
采用立即执行表达式来模拟块级作用域,这样的作用是每次将i的值封存在这个匿名函数中,根据作用域返回的定时器会读取匿名函数传递的参数,而不会去读取相隔那么远的放在全局的值,这样就OK了
第二种 es6 let
原理呢和上面差不多,只是采用es6语法,就是let声明的变量只在它所在的代码块有效。而var命令声明的,在全局范围内都有效,全局只有一个变量i,for循环执行语句也相当于一个块级作用域。so,就是0,1,2,3,4
看一下let用babel降级到es5的样子,基本差不多
-----------------------------end------------------------------------------------
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。