var, let, const 用来声明变量
一、let
用法
声明变量和var类似,但是所声明的变量,只在let命令所在的代码块内有效。而var声明的变量在全局或者当前函数作用域有效。
{
let a = 1;
var b = 2;
}
a // ReferenceError: a is not defined.
b // 1
存在变量提升
var发生”变量提升“现象,即变量提升到当前作用域的最顶层,值为undefined。
console.log(a); // 输出undefined
var a = 1;
console.log(b); // Uncaught ReferenceError: b is not defined
let b = 2;
暂时性死区
只要块级作用域内存在let命令,它所声明的变量就“绑定”(binding)这个区域,不再受外部的影响。
var tmp = 123;
if (true) {
typeof tmp; // ReferenceError
tmp = 'abc'; // Uncaught ReferenceError: tmp is not defined
let tmp;
}
暂时性死区的本质就是,只要一进入当前作用域,所要使用的变量就已经存在了,但是不可获取,只有等到声明变量的那一行代码出现,才可以获取和使用该变量。
不允许重复声明
// 报错
function func() {
let a = 10;
var a = 1;
}
// 报错
function func() {
let a = 10;
let a = 1;
}
块级作用域
ES5 只有全局作用域和函数作用域,没有块级作用域
无块级作用域的不合理之处
- 第一种场景,内层变量可能会覆盖外层变量。
var tmp = new Date();
function f() {
console.log(tmp);
if (false) {
var tmp = 'hello world';
}
}
f(); // undefined
- 第二种场景,内层变量可能会覆盖外层变量。
var s = 'hello';
for (var i = 0; i < s.length; i++) {
console.log(s[i]);
}
console.log(i); // 5
if
代码块的外部使用外层的tmp
变量,内部使用内层的tmp
变量。但是,函数f
执行后,输出结果为undefined
,原因在于变量提升,导致内层的tmp
变量覆盖了外层的tmp变量。
ES6 的块级作用域
function f1() {
let n = 5;
if (true) {
let n = 10;
}
console.log(n); // 5
}
块级作用域的出现,实际上使得获得广泛应用的立即执行函数表达式(IIFE)不再必要了。
// IIFE 写法
(function () {
var tmp = ...;
...
}());
// 块级作用域写法
{
let tmp = ...;
...
}
const
基本用法
const声明一个只读的常量。一旦声明,常量的值就不能改变;
const PI = 3.1415;
PI // 3.1415
PI = 3;
// TypeError: Assignment to constant variable.
本质
const
实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指针,const只能保证这个指针是固定的,至于它指向的数据结构是不是可变的,就完全不能控制了。因此,将一个对象声明为常量必须非常小心。