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