es5的 var 和 es6 的 let 区别？

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。
不知道我这样理解对不对？

---

心雨微微蓝2016 22小时前

理解的很对，var是以函数为作用域的，而let是以块为作用域的（与大多数高级语言相同）。所以ES6的这些特性正说明js逐渐向传统高级语言靠拢，提供严格明确优艾设计网_设计LOGO的语言定义，便于开发大团队协作和构建更大规模的应用。

---

东华帝君 22小时前

优艾设计网_平面设计

对，函数作用域 => 块级作用域。

---

赵龙 优艾设计网_Photoshop问答 22小时前

送你一个链接，拿走不谢ECMAScript 6入门-let

---

lxt611 22小时前

自己总结的关于es6的let和const特性：let命令定义变量有如下特点（1）变量仅在块级作用域内有效，并且在块级作用域内独立，不受外界影响（2）变量必须先定义后使用，并且在js预编译时不存在变量提升（3）变量读取仍然按照作用域链往上查找（4）不可在同一作用域内重复定义变量（5）在全局使用let定义变量时，该变量不再属于全局属性。const命令用于定义常量，一旦赋值完成，则不可优艾设计网_Photoshop百科再变。其他特性跟let变量一样。let,const定义变量，消除了使用var定义变量时带来的种种意外情况与不合理情况，使得变量的定义变得清晰可控，有了let与const，则不该再使用var定义变量。另外在let,const的选择上，const的效率更高，因此，当程序中的变量一旦初始化则不会再改变时，此时使用const更加合理。当变量需要重复赋值时，则选择let。

---