首页 > 代码库 > JavaScript中const、var和let区别浅析

JavaScript中const、var和let区别浅析

2024-09-13 09:26:15   216人阅读

let是修复了var的作用域的一些bug，变的更加好用。let是更好的var。var的作用于是函数作用于，而let是块级别（大括号括起来的内容）
const声明的变量只可以在声明时赋值，不可随意修改，这是最大的特点。

使用var声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象；
使用let声明的变量，其作用域为该语句所在的代码块内，不存在变量提升；
使用const声明的是常量，在后面出现的代码中不能再修改该常量的值。

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

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

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

JavaScript中const、var和let区别浅析


联系
我们