JavaScript中的 let 和 var

let 和 var

let 的诞生

在ES6之前，我们都是用var来声明变量，而且JS只有函数作用域和全局作用域，没有块级作用域，所以{}限定不了var声明变量的访问范围。

ES6 新增了let命令，用来声明局部变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效，而且有暂时性死区的约束。

let与var区别

let和var的区别体现在作用域上。var的作用域被规定为一个函数作用域，而let则被规定为块作用域，块作用域要比函数作用域小一些，但是如果两者既没在函数中，也没在块作用域中定义，那么两者都属于全局作用域。

全局作用域

var 和 let 声明的变量在全局作用域中被定义时，两者非常相似

let bar = 'let的';
var baz = 'var的'; 

但是，被let声明的变量不会作为全局对象window的属性，而被var声明的变量却可以

console.log(window.bar);  //undefined
console.log(window.baz); // 'able'

例如：

运行结果：

函数作用域

var 和 let 在函数作用域中声明一个变量，两个变量的意义是相同的。

function  aFun(){
   
    let bar = 'let的'; // 函数作用域中的变量
    var baz = 'var的'; // 函数作用域中的变量
}

块作用域

在块作用域中两者的区别较为明显， let只在for()循环中可用，而 var是对于包围for循环的整个函数可用</