ES6新增的两个重要的关键字:let与const
var关键字
可以声明不赋值、先访问再声明、声明相同的变量名而不报错
let关键字
let 声明的变量只在 let 命令所在的代码块内有效(块级作用域、局部作用),ES6 推荐在函数中使用 let 定义变量,而非 var。
let可以声明不赋值,不可以先访问再声明,不能声明相同的变量名。
//可以声明不赋值
let a;
//不能先访问再声明(不能变量提升),会报错:Cannot access 'a' before initialization
//初始化前无法访问“a”
//初始化:(英语:Initialization)在计算机编程领域中指为数据对象或变量赋初值的做法
console.log(a);
let a = 10;
//不能声明相同的变量名,会报错,SyntaxError: Identifier 'a' has already been declared
let a = 20;
let a = 90;
console.log(a);
//let基本用法
//{}括起来的代码块
//代码块内有效
{
let a = 0;
var b = 1;
}
console.log(b); // 1
console.log(a); //报错 ReferenceError: a is not defined
//for循环计数器很适合用let
for (var i=0;i<10;i++) {
setTimeout(function(){
console.log(i);
})
}
// 输出十个10
for (let j=0;j<10;j++) {
setTimeout(function(){
console.log(j);
})
}
// 输出0-9
//变量i是用var声明的,在全局范围内有效。变量j是用let声明的,当前的j只在本轮循环中有效,每次循环的j其实都是一个新的变量。
const关键字
const 声明一个只读的常量,一旦声明,常量的值就不能改变。也就意味着,一旦声明必须初始化,否则会报错。
//基本用法
const PI = "3.1415926";
console.log(PI); // 3.1415926
const MY_AGE; // SyntaxError: Missing initializer in const declaration
//暂时性死区
var PI = "a";
if(true){
console.log(PI); // ReferenceError: PI is not defined
const PI = "3.1415926";
}
if(true){
let PI = "3.1415926";
}
console.log(PI); // ReferenceError: PI is not defined
//ES6 明确规定,代码块内如果存在 let 或者 const,代码块会对这些命令声明的变量从块的开始就形成一个封闭作用域。代码块内,在声明变量 PI 之前使用它会报错。
注意:当使用常量 const 声明时,请使用大写变量,如:CAPITAL_CASING。let 和 const 声明只在最靠近的一个块中(花括号内)有效。