【一、两者区别】

   1、如果一个变量在全局范围内用var声明,这个变量默认会成为window的一个属性,而let声明的变量不会被添加到window对象中。


  2.在es6之前,没有块级作用域。 所谓块级作用域就是{}包围的区域。 我们经常使用for、while、if等,但是如果你在块级作用域中用let声明一个变量,那么这个变量就有一个块级作用域,而且你必须只能在这个块级访问这个变量—— 级范围。


  3. var 声明的变量具有变量提升特性,而 let 声明没有。 变量提升:请点击:javascript中变量提升的简要说明。


  4. var 可以允许重复声明同一个变量,后者会覆盖前者, let 不能重复声明同一个变量。

【二、实际使用】

1、作用域不同

var是函数作用域,let是块作用域。

在函数中声明了var,整个函数内都是有效的,比如说在for循环内定义的一个var变量,实际上其在for循环以外也是可以访问的

而let由于是块作用域,所以如果在块作用域内定义的变量,比如说在for循环内,在其外面是不可被访问的,所以for循环推荐用let


image.png
这里的是无法输出的,或者报错,因为块级作用域以外无法访问到此变量
2、let不能在定义之前访问该变量,但是var可以。


let必须先声明,在使用。而var先使用后声明也行,只不过直接使用但没有定义的时候,其值是undefined。var有一个变量提升的过程,当整个函数作用域被创建的时候,实际上var定义的变量都会被创建,并且如果此时没有初始化的话,则默认为初始化一个undefined


image.png


3、let不能被重新定义,但是var是可以的


image.png