javascript 三种变量申明方式var、let、const

最新推荐文章于 2025-07-15 08:30:27 发布

牛坛子

最新推荐文章于 2025-07-15 08:30:27 发布

阅读量1.5w

点赞数

分类专栏： JAVASCRIPT 文章标签： javascript nodejs

JAVASCRIPT 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了JavaScript中的三种变量声明方式：var、let和const。解释了它们各自的特点及使用场景，包括作用域的区别、初始化的要求等。

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

在nodejs开发学习中，发现有let申明变量，故查询了下javascript的变量申明方式：

var 申明方式；申明了一个要么是全局，要么是函数级的变量；这种是我们最常见也是最常用的。

描述：

1. 变量声明无论出现在代码的任何位置，都会在任何代码执行之前处理；

2. 给一个非声明变量赋值会隐式创建一个全局变量（全局object的一个属性）

3.如果不初始化，输出undefined或者''

var https;
console.log(https); //这里输出undefined或者''

let 申明方式；申明了一个块级域的局部变量，并且可以给它一个初始化值；

描述：

1. 与var相比let把变量的作用域限制在块级

let httpz = 3;
console.log(httpz);

function change(){
	let httpz = 6;
	console.log(httpz);//输出6
}
change();
console.log(httpz); //输出3

const 申明方式；创建一个只读常量，在不同浏览器上表现为不可修改；建议申明后不修改；拥有块级作用域。

描述：

1. 可以在全局作用域或者函数内申明常量，但是必须初始化常量；

2. 常量不能和它所在作用域内其它变量或者函数拥有相同名称；

const http = require('http');
// const http;  这种会报错 Missing initializer in const declaration

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

牛坛子

关注关注

0
点赞
踩
9

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JS变量声明var、let、const详解

gghhb12的博客

04-08

6846

varletconst函数级作用域块级作用域块级作用域重复声明不可重复声明不可重复声明变量提升不存在变量提升不存在变量提升值可更改值可更改值不可更改全局变量挂载到window全局变量不会挂载到window全局变量不会挂载到window不使用varconst优先，let次之i

25 JavaScript学习：var let const

热门推荐

百锦再的博客

05-02

9万+

在JavaScript中，使用let关键字可以重新定义变量，而使用var关键字则不能。重新定义变量指的是在同一作用域内多次声明同一个变量名，后面的声明将覆盖前面的声明。下面分别以let和var使用let重新定义变量：let x = 10;// 输出 10let x = 20;// 可以重新定义x，不会报错// 输出 20在使用let声明变量时，可以在同一作用域内多次声明同一个变量名，后面的声明会覆盖前面的声明。使用var重新定义变量：var y = 30;// 输出 30。

参与评论您还未登录，请先登录后发表或查看评论

let、const、var三种变量声明方式

weixin_30576859的博客

03-12

　　参考了网上的一些文章。 let : es6的变量声明方式，具有块级作用域，即所有{}包起来的作用域。不具有变量提升。不能重复定义。存在暂时性死区。函数 let a = 3 function test(argument) { let a = 1; console.log(a) // 1 } test() 循环 ...

前端基础知识ES6系列 - 01（var、let、const之间的区别）

m0_67078501的博客

06-11

791

实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于复杂类型的数据，变量指向的内存地址，保存的只是一个指向实际数据的指针，，我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明。对于简单类型的数据，值就保存在变量指向的那个内存地址，因此等同于常量。不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错。声明的变量存在变量提升，即变量可以在声明之前调用，值为。声明一个只读的常量，一旦声明，常量的值就不能改变。声明的变量既是全局变量，也是顶层变量。

javascript 三种变量声明方式var、let、const

qq_36470686的博客

10-04

322

var 语法格式： var a=2; var声明的变量具有如下几个特征： 1.变量提升：变量声明无论出现在代码的任何位置，都会在任何代码执行之前处理。即可以先调用再声明。（提升的是var a而不是a=2） 2.函数提升：JavaScript会将全局函数提升到<script.../>元素的顶部定义。也就是说，在同一个<script....../>元素内...

js三种变量区别

qinduan007的博客

05-29

459

js三种变量区别变量 var let const 在ES6中新增了let const两种方式创建变量语法： var 变量名 = 变量值； let 变量名 = 变量值； const 变量名 = 变量值；三者区别 1.修改变量值结论：var和let创建的变量，是可以修改的，而const创建的变量是不能修改 const创建的变量严格来说，应该称之为’常量‘。常量指的就是不可修改的数据，const通常用来保存不会重新赋值的数据扩展在ES6之前，程序员在开发时，如果要使用常量，会在创建变量时，变量名用

浅析JS中的var,let及const的区别

01-08

547

ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效 { let a = 10; var b = 1; } a // ReferenceError: a is not defined. b // 1 var a = []; for (var i = 0; i < 10; i++) { a[...

JavaScript变量声明var,let.const及区别浅析

01-21

var声明变量的作用域限制在其声明位置的上下文中 var x = 0; // x是全局变量，并且赋值为0。 console.log(typeof z); // undefined，因为z还不存在。 function a() { // 当a被调用时， var y = 2; // y被声明成...

JavaScript的声明变量 var let const的区别

08-06

主要是总结了声明变量的特点熟悉掌握对后续的学习很有帮助，欢迎大家共同探讨共同学习。

JavaScript 变量声明var、let、const

咸鱼滚滚

07-31

1156

varletconst在 JavaScript 中，varlet和const是用于声明变量的关键字。let和const是JavaScript里相对较新的变量声明方式。let用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。const声明一个只读的常量。一旦声明，常量的值就不能改变。const声明的变量不得改变值，这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值。对于const来说，只声明不赋值，就会报错。

JS的输入输出

bbdRzzz的博客

10-20

472

JavaScript输入输出

JavaScript 中的 var、let 和 const 详解

2403_87566238的博客

03-16

5096

var 是 JavaScript 中较早期用于声明变量的关键字。使用 var 声明变量非常简单，只需要在变量名前加上 var 关键字即可。例如：var age;age = 25;// 或者可以在声明时直接赋值let 是 ES6 引入的用于声明变量的关键字。它的基本用法与 var 类似，在变量名前加上 let 即可声明变量。例如：let age;age = 30;// 或者声明时直接赋值const 同样是 ES6 引入的关键字，用于声明常量。常量一旦声明，其值就不能再被修改。

JavaScript中const，var，let的区别

yungeIOS的博客

03-21

622

作为快速上手JavaScript的iOS开发，实际工作中总是会遇到各种各样的问题，今天学习并记录一下JavaScript中一些基础知识点：JavaScript中三种定义变量的方式const， var， let的区别。一：const、let、var的区别1. const定义的变量不可修改，const一般在require一个模块的时候用或者定义一些全局常量。2. let声明的变量作用域是在块级域中，函...

JavaScript 作用域与 var、let、const关键字

m0_65029152的博客

07-09

3875

本文主要记录JavaScript中的作用域，以及var、let、const关键字的特点和使用场景；

一文搞懂javascript中的var、let、const

最新发布

weixin_30621465的博客

07-15

varletandconst是JavaScript中三种定义变量的方式，它们之间有什么区别呢？这是前端面试中常见的一道题，今天我们来一文说透它。let和const区别不大，主要是const声明的是常量，不可修改，而let声明的变量是可修改的。所以我们重点放在var和let上。

js中const,var,let区别

boKeB1

02-21

548

今天第一次遇到const定义的变量，查阅了相关资料整理了这篇文章。主要内容是：js中三种定义变量的方式const， var， let的区别。 1.const定义的变量不可以修改，而且必须初始化。 1 const b = 2;//正确 2 // const b;//错误，必须初始化 3 console.log('函数外const定义b：' + b);//有输出值 4 // b = 5; 5 // ...

变量提升var let const

03-25

<think>好的，我现在要解决用户关于JavaScript中var、let和const变量提升的问题。首先，我需要回忆相关知识，确保自己理解正确。用户提到变量提升，以及这三者的区别和使用场景。根据提供的引用资料，我需要整理出清晰的解释。首先，变量提升是JavaScript中的一个机制，即在代码执行前，声明会被提升到作用域顶部。但var、let和const的提升方式不同。根据引用[4]，var声明的变量在提升时会被初始化为undefined，而let和const虽然声明被提升，但不会被初始化，导致在声明前访问会报错，也就是暂时性死区。接下来要考虑作用域的区别。var是函数作用域，而let和const是块级作用域。引用[2]和引用[4]都提到，块级作用域通过词法环境的栈结构实现，而变量环境处理var的提升。例如，在块内部用let声明的变量，在外部无法访问，而var可以。然后需要明确各自的特性：var允许重复声明，而let和const不允许。const声明时必须初始化，且不能重新赋值。这些区别会影响它们的使用场景，比如const适合常量，let适合块内的变量，var由于函数作用域可能更适合在特定情况下使用，但现代开发中更推荐使用let和const以避免问题。使用场景部分，需要结合这些特性给出建议。比如循环中的计数器适合用let，因为块级作用域可以避免泄漏；常量或引用不变的对象使用const；而var可能在旧代码或特定函数作用域需求中使用。还要注意示例的正确性。比如引用[3]中的例子展示了var提升导致undefined，而引用[4]中let在声明前访问会报错。需要确保这些例子在回答中准确呈现，帮助用户理解差异。最后，生成相关问题时，要覆盖变量提升、作用域、重复声明、使用场景等，方便用户进一步学习。同时，确保引用标注正确，每个引用的内容对应到相应的知识点。现在，我需要把这些点组织成结构清晰的回答，分点解释，使用示例代码，并正确引用资料。同时，语言要简洁，避免技术术语过多，让用户容易理解。</think>### JavaScript中var、let和const的变量提升差异与使用场景 #### 一、变量提升机制对比 1. **var的变量提升** - 声明会被提升到当前**函数作用域或全局作用域**的顶部，并**自动初始化为`undefined`**。 - 示例： ```javascript console.log(a); // 输出：undefined var a = 1; ``` 实际执行顺序相当于： ```javascript var a = undefined; // 提升 console.log(a); a = 1; ``` [^3][^4] 2. **let/const的变量提升** - 声明会被提升到当前**块级作用域**的顶部，但**不会初始化**，形成**暂时性死区（TDZ）**。 - 示例： ```javascript console.log(b); // 报错：Cannot access 'b' before initialization let b = 2; ``` 声明被提升，但未初始化导致访问失败[^4]。 --- #### 二、核心差异总结 | 特性 | var | let | const | |----------------|----------------------|----------------|----------------| | 作用域 | 函数/全局作用域 | 块级作用域 | 块级作用域 | | 重复声明 | 允许 | 禁止 | 禁止 | | 变量初始化 | 默认`undefined` | 未初始化 | 必须声明时赋值 | | 值可变性 | 可重新赋值 | 可重新赋值 | 不可重新赋值 | --- #### 三、使用场景建议 1. **var** - 旧代码维护或需要函数作用域时使用（现代开发中**不推荐**）。 - 示例： ```javascript function example() { if (true) { var x = 10; // 整个函数内可见 } console.log(x); // 输出：10 } ``` 2. **let** - **循环计数器**、需要**块级作用域变量**的场景。 - 示例： ```javascript for (let i = 0; i < 5; i++) { setTimeout(() => console.log(i), 100); // 输出0,1,2,3,4 } ``` 3. **const** - 声明**常量**或**不可变的引用类型**（如对象属性可变，但引用地址不变）。 - 示例： ```javascript const PI = 3.14; const config = { api: "https://example.com" }; config.api = "https://new.url"; // 允许（修改属性） config = {}; // 报错（重新赋值） ``` --- #### 四、关键原理 - **作用域实现**： `let/const`通过**词法环境的栈结构**管理块级作用域，而`var`通过**变量环境**实现提升[^1]。 - **暂时性死区**：在声明前访问`let/const`变量会触发错误，强制开发者遵循“先声明后使用”的规范。 ---