JavaScript中声明变量的三个关键字var、const和let的用法及异同

在JS中，变量可以用于保存任何类型的数据，有三个关键字可以声明变量：var、const和let。var可以在ECMAScript（ES）所有的版本中都可以使用，而后两者只能在ES6及之后版本中使用。

1、var

使用var定义的变量会成为包含它的函数的局部变量，不能在外部访问到。假设在一个函数中定义的变量没有加var关键词，那就是创建了一个全局变量，并且在外部可以访问到。通常情况下，这样的做法不太好维护。当然，也可以定义多个变量且可以进行初始化，多个变量之间须用逗号隔开。同时，反复使用var声明同一个变量也是可以的

var声明的变量会自动提升到函数作用域的顶部，有以下代码：

function test(){
   console.log(result);
   var result = 123;
}

JS代码在运行时就会把以上代码转换为如下，但并没有对result进行初始化：

function test(){
   var result;
   console.log(result);
   result = 123;
}

2、 let

let与var最大的区别有三个：

其一、let声明的范围是块作用域，而var则是函数作用域；let也不能同时在一个块语句中出现声明同一个变量；

其二、let声明的变量是不会在作用域中被提升，也是说在开始就要定义变量；

其三、使用let在全局作用域中声明的变量不会成为window对象的属性，var则会。

let使用的注意事项：

• 不能使用let进行条件式声明，这也就是声明同一个变量的问题；
• 在for循环中使用let，避免了for循环定义的迭代变量渗透到循环体外部。

3、const

const与let相比，重要的区别就是const声明变量时必须同时初始化变量，且不能在为这个变量重新赋值，其余基本相同。如果const变量引用的是对象的话，可以修改这个对象里面的属性。 

const与let逐渐代替了var，因为前者使变量有了明确的作用域、声明位置和不变的值，所以，在今后中，只会使用const和let声明变量。

参考：《JavaScript高级程序设计（第四版）》Matt Frisbie著,李松峰译.