for (let i=1;i<=5;i++) { setTimeout(function(){console.log(i)},i*1000); }
这样就打印1,2,3,4,5
for (var i=1;i<=5;i++) { setTimeout(function(){console.log(i)},i*1000); }
这样就打印5个6。为什么呢?
我的理解,es6的 let 是区域作用域变量,所以每循环一次就是一个独立的作用域,所以5个setTimeout里的i值是相互独立的。
而es5的 var是根据函数范围来区分作用域,循环的区域不是一个单独的作用域,所以一直都是同一个i,当setTimeout开始执行的时候,for循环已经结束了,所以会打印5个6。
不知道我这样理解对不对?
付费偷看金额在0.1-10元之间
送你一个链接,拿走不谢ECMAScript 6入门-let
理解的很对,var是以函数为作用域的,而let是以块为作用域的(与大多数高级语言相同)。所以ES6的这些特性正说明js逐渐向传统高级语言靠拢,提供严格明确的语言定义,便于开发大团队协作和构建更大规模的应用。
自己总结的关于es6的let和const特性:
let命令定义变量有如下特点
(1)变量仅在块级作用域内有效,并且在块级作用域内独立,不受外界影响
(2)变量必须先定义后使用,并且在js预编译时不存在变量提升
(3)变量读取仍然按照作用域链往上查找
(4)不可在同一作用域内重复定义变量
(5)在全局使用let定义变量时,该变量不再属于全局属性。
const命令用于定义常量,一旦赋值完成,则不可再变。其他特性跟let变量一样。
let,const定义变量,消除了使用var定义变量时带来的种种意外情况与不合理情况,使得变量的定义变得清晰可控,有了let与const,则不该再使用var定义变量。
另外在let,const的选择上,const的效率更高,因此,当程序中的变量一旦初始化则不会再改变时,此时使用const更加合理。
当变量需要重复赋值时,则选择let。
对,函数作用域 => 块级作用域。
一周热门 更多>