let 命令
基本用法
ES6
新增了let
命令,用来声明变量。它的用法类似于var
,但是所声明的变量,只在let
命令所在的代码块内有效。
{
let x = 1;
var y = 5
}
console.log(x); // 报错 ReferenceError: x is not defined
console.log(y); // 输出 5
不存在变量提升
变量提升
现象,即变量可以在声明之前使用。
console.log(a); // 报错 ReferenceError: a is not defined
let a = 2;
console.log(b); // 输出 undefined
var b = 5;
暂时性死区
只要块级作用域内存在let
命令,它所声明的变量就绑定这个区域,不再受外部的影响。
var temp = 20;
if (true) {
temp = 10; // 报错 ReferenceError: temp is not defined
let temp;
}
不允许重复声明
let num;
var num; // 报错 SyntaxError: Identifier 'num' has already been declared
块级作用域
let
实际上为JavaScript
新增了块级作用域。
// i 只作用于 for 循环
for (let i = 0; i < 10; i ++) {
// do something
}
const 命令
const
的作用域与let
命令相同:只在声明所在的块级作用域内有效。
基本用法
const
声明一个只读的常量。一旦声明,常量的值就不能改变。
const PI = 3.1415;
PI // 3.1415
PI = 3; // TypeError: Assignment to constant variable.
必须赋值
对于const
来说,只声明不赋值,就会报错。
const foo; // SyntaxError: Missing initializer in const declaration
本质
const
实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const
只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。
const foo = {};
// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123
// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only