H5-var与let，const的区别

var 声明一个变量，并可选地将其初始化为一个值，为全局(windos)变量。

let 声明一个块级作用域的本地变量，并且可选的将其初始化为一个值。

const 声明一个只读的常量。一旦声明，常量的值必须赋值不能改变也是块级作用域。

1.const定义的变量不可以修改，而且必须初始化。

1 const b = 2;//正确
2 // const b;//错误，必须初始化 
3 console.log('函数外const定义b：' + b);//有输出值
4 // b = 5;
5 // console.log('函数外修改const定义b：' + b);//无法输出 

2.var定义的变量可以修改，如果不初始化会输出undefined，不会报错。

1 var a = 1;
2 // var a;//不会报错
3 console.log('函数外var定义a：' + a);//可以输出a=1
4 function change(){
5 a = 4;
6 console.log('函数内var定义a：' + a);//可以输出a=4
7 } 
8 change();
9 console.log('函数调用后var定义a为函数内部修改值：' + a);//可以输出a=4

3.let是块级作用域，函数内部使用let定义后，对函数外部无影响。

1 let c = 3;
2 console.log('函数外let定义c：' + c);//输出c=3
3 function change(){
4 let c = 6;
5 console.log('函数内let定义c：' + c);//输出c=6
6 } 
7 change();
8 console.log('函数调用后let定义c不受函数内部定义影响：' + c);//输出c=3

4.块级作用域

let i = 20;
for (let i = 0; i < 3; i++) {
    //let i = 'abc'; //如果再次用let声明i那么打印的是三次abc     
    console.log(i);//0,1,2
}
console.log(i); //20

5.全局变量

//顶层对象中的var
var foo = {name: 'lee', age: 18};
cosole.log(foo === window.foo);  //true
console.log(window.foo);   //{name: 'lee', age: 18}
//顶层对象中的let和const
let obj = {height: 182, weight: 140};
const mt = {msg:＇hello’};
//与顶层对象的属性隔离
console.log(obj === window.obj);  //false
console.log(window.obj);   //undefined
console.log(mt === window.mt);   //false
console.log(window.mt);      //undefined