关于块级作用域绑定的理解

关于块级作用域绑定的理解

1、为什么引入块级作用域绑定机制？

我的理解就是var声明和变量提升（hoisting）机制会让人感到很迷，也会让接触过其他语言的人理解起来不太适应。《深入理解ES6》书中的一段代码非常形象地说明了变量提升机制：

function getValue(condition) {
	if (condition) {
		var value = "blue";
		
		//其他代码
		
		return value;
	} else {
		//此处可以访问value，其值为undefined
		
		return null;
	}
	//此处可以访问value，其值为undefined
}

上面的这些代码等效于：

function getValue(condition) {
	var value;
	
	if (condition) {
		var value = "blue";
		
		//其他代码
		
		return value;
	} else {
		//此处可以访问value，其值为undefined
		
		return null;
	}
	//此处可以访问value，其值为undefined
}

由此可见，变量value的声明就到了顶部，其它块中都能够访问它，当它没有被赋值的时候，那么值就为undefined。
这样的机制让人稍微不注意就忘记了变量的作用域，也会出现一些蜜汁bug与它相关，于是在ES6中就出现了块级作用域绑定。

2、两个块级声明

两个块级声明：
1：let
2：const

关于let

let跟var差不多，但它不会被变量提升，所以学习过别的语言的小伙伴就很容易理解，我自己感觉，能用let的地方就不会用var，这样作用域也更加清晰，免得出现上面意想不到的bug。

if (true) {
	let value = 'red'；
	return value;
} else {
	//这里不存在变量value
	return null
}
//这里也不存在变量value

关于const

const跟var声明的都是块级标识符，声明的常量也是只在当前的代码块里面才会有效的，一旦到了块的外面就会被销毁掉。
const有个值得注意的地方：不允许修改绑定，但允许修改绑定的值。
这就话乍一看还是不太好理解的，因此我们需要有代码来帮助我们理解：

const person = {
	name: 'kong'
};

//修改对象属性的值完全没有问题
person.name = 'linghao';

//下面这样会产生语法错误
person = {
	name: 'linghao'
};

按照我的理解（可能有误，但是能强行记住），当person与对象1绑定的时候，即使修改了对象1中的数据，person还是跟对象1是绑着的因此不会出现问题。但是后面的语句是直接改变了person的绑定，将它跟对象2绑到了一起，这样就不行了。