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

解决方案

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

这篇关于es5的 var 和 es6 的 let 区别的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！