琐事屋
每一步都是更接近目标的一步

const,let,var的区别和用法

1.const——声明一个只读的常量,在声明的时候给其赋初值,之后不能再进行赋值。

1 const i = 0;
2 console.log(i);    //有输出,为0

如果对 i 进行再次赋值则会报错,TypeError:Assignment to constant variable

1 const i = 0;
2 i = 5;
3 console.log(i);    //无输出,报错

2.var——用于声明变量,声明在方法外则为全局变量,在方法内则为局部变量,只能在方法内读取。

1 var i;
2 console.log(i);    //如果不赋初值,输出为undefined

如果声明变量时没有使用 var 关键字,则该变量一定为全局变量。到那时在调用的时候有以下区别:

如果时声明在方法外的全局变量,在方法内可以直接使用;如果该全局变量时声明在方法内部的,则在方法外使用该变量时需要先调用方法,告知系统声明了全局变量才能使用。

需要特别注意的问题:没有使用 var 关键字定义的全局变量没有预编译过程,所以如果把变量的使用放在定义之前则会报错。

1 alter(i);  //  i is not defined    
2 i = 1;

3.let——块级作用域,方法内部使用 let 定义后对方法外没有影响。

let 时ES6新增的变量声明命令,作用就是声明一个局部变量。

1 var a = [];
2 for(var i=0;i < 10;i++){
3 //循环内的计数变量 i 使用var定义为全局变量,所以循环过程中会不断地对值进行覆盖
4    a[i] = function (){
5       console.log(i);
6    }  
7 }
8 a[6]();    //最后的输出是 10
var a = [];
for(let i=0;i < 10;i++){
//这里的 i 使用let定义为局部变量,就是只在当前循环生效,所以每次进行循环的 i 都是新的变量,值不会进行覆盖
    a[i] = function(){
        console.log(i);
    }
}
a[6]();  //最后的输出是 6 

 

posted on 2019-06-19 16:20  六耳石猴  阅读(442)  评论(0编辑  收藏  举报