javaScript中const,var,let区别与用法详解

2021-02-10 12:11:05 浏览数 (2)

业务场景:今天想从正则表达式数组对象取出几个参数的值,发现好多人都用的const声明的变量,这里一起总结一下吧。

场景:

查阅相关资料,总结一下js中三种定义变量的方式const, var, let的区别如下:

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

代码语言:javascript复制
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,不会报错。

代码语言:javascript复制
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定义后,对函数外部无影响。

代码语言:javascript复制
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

主要区别就这些,一般来说,很多人喜欢用var比较多。

0 人点赞