1, 变量的声明 let 和 const
let 命令
let与var变量声明类似, 但是let声明的 变量只在代码块中作用 ,在代码块外作用便会报错; 在循环中体现更为明显
1 var a = [];
2 for (let i = 0; i < 10; i++) {
3 a[i] = function () {
4 console.log(i);
5 };
6 }
7 a[6](); // 6
1 var a = [];
2 for (var i = 0; i < 10; i++) {
3 a[i] = function () {
4 console.log(i);
5 };
6 }
7 a[6](); // 10
从上面代码中,可以分析, let声明的变量i只在当前轮循环中有效, 所以每次循环的i其实都是一个新的变量,所以最后输出的是6, 而var声明的变量i是全局,作用于全局
let 声明的变量 不存在变量提升 ,
1 // var 的情况
2 console.log(foo); // 输出undefined
3 var foo = 2;
4
5 // let 的情况
6 console.log(bar); // 报错ReferenceError
7 let bar = 2;
暂时性死区 (区块内,在let声明变量之前,都属于变量的'死区',即不可调用变量) 只要块级作用域内存在let命令,他所声明的变量就绑定在这个区域了, 不再受外部的影响
1 var tmp = 123;
2
3 if (true) {
4 tmp = 'abc'; // ReferenceError 引用错误
5 let tmp;
6 }
通过上面的代码分析, 存在全局变量tmp, 但是块级作用域内let有声明了一个局部变量tmp,导致后者绑定这个块级作用域, 由于let声明的变量并不会提升,那么就会报错;如果是var声明的变量就会提升,那么tmp就会为'abc'
ES6中明确规定,如果区块内存在let和const命令,那么这个区块对这些命令声明的变量从一开始就形成了封闭作用域, 凡是在声明之前使用这些变量, 就会报错
比较隐蔽的死区
1 function bar(x = y, y = 2) {
2 return [x, y];
3 }
4 bar(); // 报错
报错是因为x的默认值是y,而此时y并没有声明,属于死区, 如果y的默认值是x就不会报错
1 // 不报错
2 var x = x; // x为undefined,
3
4 // 报错
5 let x = x;
6 // ReferenceError: x is not defined
不允许重复声明 let不允许在相同的作用域内,重复声明同一个变量
1 // 报错
2 function func() {
3 let a = 10;
4 var a = 1;
5 }
6
7 // 报错
8 function func() {
9 let a = 10;
10 let a = 1;
11 }
const 命令
const 声明一个只读的常量, 一旦声明,常量的值就不能改变
1 const PI = 3.1415;
2 PI // 3.1415
3
4 PI = 3;
5 // TypeError: Assignment to constant variable.
6
7 const foo;
8 // SyntaxError: Missing initializer in const declaration
const 的常量的值不得改变, 这就意味着,const 一旦声明常量,就必须立即初始化,不能留到以后赋值
const的作用域与let 相同,都是只在所在的块级作用域内有效, 声明的常量也不会提升, 同样也存在暂时性死区,只能声明后才能使用, 同样, const 声明的常量与let一样也是不可以重复声明的
实质上,const的只读,只是常量指向的内存地址的数据不得改动, 即基本类型存在栈内存中的数据,复杂类型存在栈中的地址不得改变, 但是复杂类型存储在堆内存中的数据还是可以改变的
如果真的想让对象不可改变应该使用Object.freeze()方法,使对象冻结,所以添加的新属性不起作用,严格模式下还会报错; 除了将对象本身冻结,对象的属性也应该冻结;
1 var constantize = (obj) => {
2 Object.freeze(obj);
3 Object.keys(obj).forEach( (key, i) => {
4 if ( typeof obj[key] === 'object' ) {
5 constantize( obj[key] );
6 }
7 });
8 };