JS中变量（var、let、const）的声明提升和作用域梳理

木木木华

已于 2023-02-10 16:59:40 修改

阅读量2.9k

点赞数 1

分类专栏： javascript 文章标签： javascript var变量声明提升变量作用域 var、let、const

于 2023-02-08 18:31:25 首次发布

本文链接：https://blog.csdn.net/catascdd/article/details/128920251

版权

本文详细介绍了JavaScript中var、let和const声明变量的区别，包括变量声明提升、重新声明、作用域以及变量作用域的就近原则。var具有变量声明提升，let和const则没有此特性，let限制了块级作用域，const用于声明不可变常量。同时，通过实例探讨了不同声明方式对变量的影响和使用规则。

摘要由CSDN通过智能技术生成

在JS中有三个声明变量的关键字

var：最常用的，可声明全局变量，也可声明局部变量；
let：块级作用域，声明的变量只能在其声明的块或子块中可用；
const：声明常量，声明变量的时候必需初始化，且之后不可改变。

下面结合代码，具体说明：

1. 变量声明和赋值

var可以在同一条语句声明并赋值多个变量，以逗号分隔。但，同一条语句声明的多个变量并不会被赋予同一个值。

var a=1,b=2,c='mmm'; // 声明并赋值a、b、c
var a,b,c=1; // a和b为undefined，c为1 (a和b只被声明了，没有被赋值)

let的用法同var一样

let a=1,b=2,c='mmm'; // 声明并赋值a、b、c
let a,b,c=1; // a和b为undefined，c为1 (a和b只被声明了，没有被赋值)

const声明一个常量，声明和赋值是一起的。只声明不赋值，报错。

const a=1,b=2,c='mmm'; // 声明并赋值a、b、c
const a; // 报错： Missing initializer in const declaration

2. 变量重新声明

var 可以重新声明变量。且重新声明变量时，该变量原有的值不会丢失。重新声明可以理解为重新赋值，若是重复声明是没有赋值，则不影响之前的变量。

var a;
var a=1;
console.log(a); // 1

var b=1;
var b;
console.log(b); // 1       // 重新声明变量，该变量原有的值不会丢失

var c=1;
var c=3;
console.log(3); // 3       // 重新声明变量，覆盖该变量原有的值

变量重新声明

let不可以重新声明变量。