JavaScript中的var、let和const

原创

已于 2024-03-10 21:01:37 修改 · 1.1k 阅读

8 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #开发语言

于 2024-03-03 18:37:05 首次发布

本文详细介绍了JavaScript中的var、let和const关键字的使用规则和作用范围。var关键字允许变量重复声明，具有函数作用域；let关键字具有块级作用域，不允许重复声明；const关键字声明的变量不可重新赋值，同样遵循块级作用域。在for循环中，var声明的变量可在外使用，let和const则受限于作用域。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在JavaScript中，var、let和const是三种用于声明变量的关键字，各有各的使用规则已经作用范围，且各有不同的特性。

一、var关键字

1、变量重复声明

用var声明变量，如下代码：

var x = 123;

console.log(x);    //输出 123

在JavaScript中，可以用var重复声明变量，效果如下：

var x = 123;
var x;
console.log(x);    //输出 123
var x = 234;
console.log(x);    //输出 234

可以看到，重复声明变量x，不会修改原值。但如果重复声明变量，并赋值，则会覆盖原值。

var 陷阱

这将产生不容易被察觉到的陷阱，陷阱一：

var x = true;

/*


这里经过了数不清行数的代码
更换了js文件
且已经不记得曾经声明过 x 变量


*/

//在新的js文件中，需要声明一个变量，并根据该变量的值，返回不同的值
var x;    
function test(){
    if(!x){
        x = true;
        console.log("这应该是预料内的结果")
    }else{
        console.log("却产生了预料之外的结果")
    }
}

test();    //输出 却产生了预料之外的结果

在以上的场景中，并没有输出预料之中的结果，这样的错误，可能会给程序员带来相当大的调试工作量，所以用var声明变量必须要严格遵守规范，避免使用全局变量，避免用简单的无含义的字母声明变量，全局变量污染就是这么来的。