在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著,李松峰译.