ES6 理解（一.let和const命令）

ES6 理解（一.let和const命令）

在ES6中，我们使用let表示变量，const表示常量，并且let和const都是块级作用域，且在当前作用域中有效不能重复声明

var会产生的3个问题

1.变量提升的问题
在ES6中之前，我们 var 声明一个变量，一个函数，都会伴随着变量提升的问题，在以前我们分析代码的时候，我们首先要做的就是 变量提升和形参赋值，按照一般思维习惯，变量都是需要声明后使用

console.log(v1); //undefined
var v1 = 2;
//由于变量提升 代码实际如下
var v1;
console.log(v1);
v1 = 2;
//let声明
console.log(v2) //ReferenceError
let v2 = 2;

var重复声明问题
let 和 const 在相同作用域下，都不能重复声明同一个变量，并且不能再函数内重新声明参数

//1. 不能重复声明同一变量
// 报错
function f1() {
	let a = 1;
	var a = 2;
}
// 报错
function f2() {
	let a = 1;
	let a = 2;
}
//2. 不能在函数内重新声明参数
// 报错
function f3(a1) {
	let a1;
}
// 不报错
function f4(a1) {
	{
		let a1
	}
}

作用域，会污染全局变量

var str = 'zhangsan';
console.log(window.str)  //zhangsan
let str1 = 'zhangsan';
console.log(window.str1) // undefined

const 声明的是常量

const maxItems = 30;
//语法错误: 常量未初始化
const name

用const 声明对象
记住：const 声明不允许修改绑定，但允许修改值，意味着用const声明对象后，可以修改该对象的属性值，但不可以更改引用地址

const person = {
	name: "Nicholas"
}
// 可以修改对象属性的值
person.name = "zhangsan"
// 抛出语法错误
person = {
	name: "zhangsan"
}

总结当更多的开发者迁移到ES6，默认使用const，只有确实需要改变变量的值时使用let,因为大部分变量的值在初始化后不应再改变，而预料外的变量值得改变时很多bug的源头