const,let,var的区别和用法
1.const——声明一个只读的常量,在声明的时候给其赋初值,之后不能再进行赋值。
11 const i = 0; 22 console.log(i); //有输出,为0
如果对 i 进行再次赋值则会报错,TypeError:Assignment to constant variable
11 const i = 0; 22 i = 5; 33 console.log(i); //无输出,报错
2.var——用于声明变量,声明在方法外则为全局变量,在方法内则为局部变量,只能在方法内读取。
11 var i; 22 console.log(i); //如果不赋初值,输出为undefined
如果声明变量时没有使用 var 关键字,则该变量一定为全局变量。到那时在调用的时候有以下区别:
如果时声明在方法外的全局变量,在方法内可以直接使用;如果该全局变量时声明在方法内部的,则在方法外使用该变量时需要先调用方法,告知系统声明了全局变量才能使用。
需要特别注意的问题:没有使用 var 关键字定义的全局变量没有预编译过程,所以如果把变量的使用放在定义之前则会报错。
11 alter(i); // i is not defined 22 i = 1;
3.let——块级作用域,方法内部使用 let 定义后对方法外没有影响。
let 时ES6新增的变量声明命令,作用就是声明一个局部变量。
11 var a = []; 22 for(var i=0;i < 10;i++){ 33 //循环内的计数变量 i 使用var定义为全局变量,所以循环过程中会不断地对值进行覆盖 44 a[i] = function (){ 55 console.log(i); 66 } 77 } 88 a[6](); //最后的输出是 10 9 10var a = []; 11for(let i=0;i < 10;i++){ 12//这里的 i 使用let定义为局部变量,就是只在当前循环生效,所以每次进行循环的 i 都是新的变量,值不会进行覆盖 13 a[i] = function(){ 14 console.log(i); 15 } 16} 17a[6](); //最后的输出是 6