JavaScript中const,var,let使用注意的事项

小咪咪 2022-03-18 11:22 281阅读 0赞

**JavaScript中const,var,let区别**

JavaScript中三种定义变量的方式const， var， let的区别。

1.const定义的变量不可以修改，而且必须初始化。注意引用类数据，引用的指针指向不变。

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

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

var即可用于函数外，亦可用于函数内，在函数外声明的变量就是全局变量，反之，在函数内声明的变量就是局部变量，  
var声明的变量在两种情况下，是全变量：  
1.直接在函数外部声明：var a=1;  
2.在函数内部不声明关键字 a=2，即change()方法里的变量重新赋值

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
    10 var a=function(){
    11         console.log('函数名为：' + a)
    12    }

3.只要块级作用域于中存在let命令，它所声明的变量就绑定在这个区域中，不再受外部的影响。let不允许在同一个作用域内，重复声明同一个变量 。

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

有不正确的地方请指正。