核心点:
let 声明的变量只在 let 命令所在的代码块内有效。
const 声明一个只读的常量,一旦声明,常量的值就不能改变
let语法
代码块内有效
let 只能声明一次 var 可以声明多次:
{
let a = 0;
let a = 2;
a // Identifier 'a' has already been declared,let只能声明1次
var b = 1;
var b = 3;
}
a // 报错 ReferenceError: a is not defined 在let命令所在的代码块外,所以无效
b // 3 var 是在全局范围内有效 ,可以声明多次
不存在变量提升
let 不存在变量提升,var 会变量提升
console.log(a); //报错 ReferenceError: a is not defined
let a = "apple"; //let 不会变量提升, a 不存在
console.log(b); //undefined
var b = "banana"; //var 变量提升,运行console时,b 已经存在了,但是还没有赋值
tips:计数器很适合用let
// 输出 0123456789
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);
})
}
//输出0123456789
变量 i是用 let 声明的,当前变量只在本轮循环中有效,相当于每次循环都是一个新的变量,所以 setTimeout 定时器里面的 i是不同的变量,即最后输出 12345。(注意:虽然这里每次循环的变量都是重新声明的,但是 JavaScript 引擎内部会记住前一个循环的值)。
//输出10个1
变量 j 是用 var 声明的,在全局范围内有效,所以全局中只有一个变量 , 每次循环时,setTimeout 定时器里面的 j 指的是全局变量 j ,而循环里的十个 setTimeout 是在循环结束后才执行,所以此时输出的都是 10。
const语法
const 声明一个只读变量,声明之后不允许改变。意味着,一旦声明必须初始化,否则会报错。
const PI = "3.1415926";
PI // 3.1415926
const M_AGE; // SyntaxError: Missing initializer in const declaration 声明时没有马上初始化
暂时性死区:
var PI = "a";
if(true){
console.log(PI); // Cannot access 'PI' before initialization 代码块内在,声明变量 PI 之前使用它会报错。
const PI = "3.1415926";
}
注意点:
const 其实保证变量指向的内存地址所保存的数据不允许改动。简单类型和复合类型保存值的方式不同的。对于简单类型(数值 number、字符串 string 、布尔值 boolean),值就保存在变量指向的那个内存地址,因此 const 声明的简单类型变量等同于常量。而复杂类型(对象 object,数组 array,函数 function),变量指向的内存地址其实是保存了一个指向实际数据的指针,所以 const 只能保证指针是固定的,至于指针指向的数据结构变不变就无法控制了,所以使用 const 声明复杂类型对象时要慎重。