ECMAScript 6 定义

let 的定义

ES6 新增了 let 命令，用来声明变量，它的用法类似于 var

let 和 var 的不同

1、不存在变量提升

console.log(a);
var a='a';
console.log(b);
let b='b';

2、同一个作用域内不能重复定义同一个名称

var a = 10;
var a = 999;
console.log(a);
let b = 1;
let b = 2;
console.log(b);

3、有着严格的作用域

function test() {
	var str='123';
	if(true){
		var str='456';
	}
	console.log(str);
}
test();
function test2() {
	let str='123';
	if(true){
		let str='456';
	}
	console.log(str);
}
test2();

4、块级作用域的重要性

for(var i=0; i<5; i++){}
console.log(i); // 结果 5
for(let i=0; i<5; i++){}
console.log(i); // i is not defined

var arr = [];
for(let i=0; i<5; i++){
	arr[i] = function(){
		console.log(i)
	}
}
arr[4](); // var 结果 5 let 结果 4

5、暂时性死区

function f3(i){
	let i;
	console.log(i)
}
f3(10);

let x = y, y = 10;
function f2(){
	console.log(x,y);
}

const 的定义

const 声明一个只读的常量。一旦声明，常量的值就不能改变。
保持 let 的不存在变量提升，同一个作用域内不能重复定义同一个名称，有着严格的作用域；

修改常量的值会报错

// 修改常量的值会报错
const x = 12345;
x = 999;
// const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。
const y; //error 只声明不赋值，就会报错
var a = 10;
let b = 100;
const a = 999; //error
const b = 9999; //error

const 的坑

const 实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针， const 只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

// 常量obj储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把obj指向另一个地址， 但对象本身是可变的，所以依然可以为其添加新属性。
const obj = {};
obj.name = "amy";
obj['age'] = 18;
obj = {id:1}; // 不能把obj指向另一个地址
// 常量arr是一个数组，这个数组本身是可写的，但是如果将另一个数组赋值给arr，就会报错。
const arr = [];
arr.push(1);
arr[1] = 2;
arr = ['a'] // 但是如果将另一个数组赋值给arr，就会报错