前端面试题（一）let,const与var的区别及变量提升

let,const与var的区别及变量提升。

	var a = 1;
	function fn(){
		console.log(a);//undefined
		var a = 10;
		console.log(a);//10
	}

上面这个例子说明使用var声明变量时，浏览器会悄悄将当前作用域内的变量声明提升到作用域顶部，也就是说上面函数内声明的变量a会被提升到到函数作用域的顶部,如下例

var a = 1;
	function fn(){
		var a;//相当于在这里声明了变量但没有赋值，所以下面的console.log输出的时undefined；
		console.log(a);//undefined
		var a = 10;
		console.log(a);//10
	}

但如果用let这里就会直接报错，这是因为es6的块级作用域。当使用let 声明了一个变量时，let会默认绑定到当前的块级作用域，一对大括号就代表一个块级作用域{}，如下例

	for(let i=0;i<3;i++){
		console.log(i)//报错 Uncaught ReferenceError: Cannot access 'i' before initialization
		let i = "a";
		console.log(i)//a
	}

const的声明的值无法修改，但这里有一点需要注意，const声明的基础类型值不可以改变，但引用类型就不一定了。看下面这个例子

	const a = {};
	a.name = "张三";
	console.log(a);//{name:"张三"}

如上所示，这是因为基础类型在栈里保存的是值，而引用类型在栈里保存的是引用地址，const只是保证了栈里基础类型的值和引用地址不变，但无法保证堆里面的数据的改变.如果想保证堆里的数据不被改变可以使用Object.freeze({});

	const a =  Object.freeze({});
	a.name = "张三";
	console.log(a);//Uncaught SyntaxError: Identifier 'a' has already been declared

以上就是个人的一点总结，不对的地方希望大家给予指正。