1. ES6 let 与const
1.1
let 声明的变量只在let 命令所在的代码块有效。
const 声明一个只读的常量,一旦声明,常量的值就不能改变了。
{
let a = 0;
a // 0
}
a // 报错 因为没有提前定义
代码块内有效:
let 是在代码块内有效, var 是在全局范围内有效:
{
let a = o;
var b = 1;
}
a // a is not defined
b // 1
不能重复声明
let 只能声明一次 var 可以声明多重 let a = 1; let a = 2; var b = 3; var b = 4; a // 'a' has already been declared b // 4
for 循环计数器很适合用let
for(var i = 0; i<10; i++){
setTimeout(()=>{
console.log(i);
})
}
// 输出十个10
for(let j=0;j<10;j++){
setTimeout(()=>{
console.log(j);
})
}
// 输出 0123456789
变量i 是用var声明的,在全局范围内有效,所以全局中只有一个变量i,每次循环时,定时器里面的i指的是全局变量i,而循环里十个计数器是在循环结束后执行的,所以此时 i 都是 10
变量j是用let声明的,当前的j只在本轮循环中有效,每次循环的j其实都是一个新的变量,所以定时器里面的j其实是不同的变量,既最后输出12345, (若每次循环的变量j都是重新声明的,如何知道前一个循环的值?)这是因为 JavaScript 引擎内部会记住前一个循环的值)。
不存在变量提升
let 不存在变量提升, var会变量提升: console.log(a); // a is not defined let a = "apple" console.log(b); //undefined var b = "banana"
变量b用var声明存在变量提升,所以当脚本开始运行的时候,b已经存在,但是还没有赋值,所以会输出 undefined。
变量a用let声明不存在变量提升,在声明变量a之前,a不尽,所以会报错
const 命令
const声明一个只读变量,声明之后不允许改变,意味着,一旦声明必须初始化赋值,否则会报错
基本用法:
const PI = "3.1415926" PI //3.1415926 const MY_AGE; // SyntaxError: Missing initializer in const declaration 暂时性死区: var PI = "a"; if (true){ console.log(PI) const PI = "3.1415026" // 'PI'has already been declared }
ES6 明确规定,代码块内如果存在 let 或者 const 代码块会对这些命令声明的变量块的开始就形成一个分封闭作用域,代码块内,声明变量PI之前使用它会报错。
浙公网安备 33010602011771号