es6的学习（一） var 和 let const 的区别

var 用来定义变量和常量 let 用来定义变量 const 用来定义常量

区别
1、 局限于当前的代码块

let 、 const  在所在的代码块内有效 ，在同一作用域只能定义一次，再次定义会报错
const 的值不可修改

2、作用域不会被提升

**var**  变量会提升
	{
		console.log(str)   // undefined  因为str作用域为全局的，js在解析的时候会先当作为  var = str，所以为undefined;
		var str = '张三';
		console.log(str)  //  张三  
	}

**let**  变量不会提升
	{
		console.log(str)   //  str is not defined  不存在作用域提升
		let str = '张三';
		console.log(str)  //  不会打印  
	}

3、在相同的作用域下不能申明相同的变量

**var**
{
		var   str = '张三'; 
		var   str = '张四';   
		console.log(str)  //  张四  
	}

**let** 
{
		let   str = '张三'; 
		let   str = '张四';   
		console.log(str)  // 报错 Uncaught SyntaxError: identifier 'str' has already been declared  标识符已经被声明  
	}

4、for循环作用域不同 let更为简洁

**var**
	// 例子 
  var a = [];
	   for (var i = 0; i < 10; i++) {
	          a[i] = function () {
	              console.log(i);
	          };
	      }
	      a[6](); // 10

var btns=document.querySelectorAll("button");
	for (var i = 0; i < btns.length; i++) {
		// btns[i].onclick=function(){
		// 	alert("点击了"+i+"个按钮")  //  每次都是5   因为for循环是同步事件，而事件的出发为异步事件的，解决的办法见下  闭包   
		// }
		(function(i){
			btns[i].onclick=function(){
				alert("点击了"+i+"个按钮")  
			}
		})(i)
	}


   

**let**
   var a = [];
        for (let i = 0; i < 10; i++) {
            a[i] = function () {
                console.log(i);
            };
        }
        a[6](); // 6

let btns=document.querySelectorAll("button");
	for (let i = 0; i < btns.length; i++) {
		btns[i].onclick=function(){
			alert("点击了"+i+"个按钮")  //  每次都是5   因为for循环是同步事件，而事件的出发为异步事件的，解决的办法见下  
		}
	
	}