js中const,var,let区别与用法

原文链接:https://blog.csdn.net/qq_36784628/article/details/80966826

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

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

1
2
3
4
5
const b = 2; //正确
// const b; //错误,必须初始化
console.log('函数外const定义b:' + b); //有输出值
// b = 5; //修改变量值
// console.log('函数外修改const定义b:' + b); //无法输出,因为const定义的变量不可以修改

2. var定义的变量可以修改,如果不初始化会输出undefined,不会报错

1
2
3
4
5
6
7
8
9
var a = 1;
// var a; //不会报错
console.log('函数外var定义a:' + a); //可以输出a=1
function change(){
a = 4; //改变变量值
console.log('函数内var定义a:' + a); //可以输出a=4
}
change();
console.log('函数调用后var定义a为函数内部修改值:' + a); //可以输出a=4

3. let是块级作用域,函数内部使用let定义后,对函数外部无影响

1
2
3
4
5
6
7
8
let c = 3;
console.log('函数外let定义c:' + c); //输出c=3
function change(){
let c = 6;
console.log('函数内let定义c:' + c);//输出c=6
}
change();
console.log('函数调用后let定义c不受函数内部定义影响:' + c); //输出c=3
--------------本文结束 感谢您的阅读--------------