JS 中对于const、var、let 三者的区别

最新推荐文章于 2026-01-06 19:45:54 发布

原创最新推荐文章于 2026-01-06 19:45:54 发布 · 276 阅读

0 ·

CC 4.0 BY-SA版权

123321

文章标签：

#前端 #JS

前端专栏收录该内容

3 篇文章

订阅专栏

本文深入解析JavaScript中三种变量声明方式：const、var和let的区别。const定义的变量不可修改且需初始化；var定义的变量可修改，未初始化时默认为undefined；let具有块级作用域，仅在当前作用域内有效。

1、const ：对于const 定义的变量不可以进行修改、必须进行初始化
2、 var ：对于var 定义的的变量可以进行修改，如果不进行初始化则会输出undefined
3、let ：let是块级作用域，函数内部使用let定义后，对函数外部无影响，只作用于当前作用域

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

有梦想的小胖孩

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

JavaScript中var、let、const区别浅析

10-18

JavaScript中的变量声明有三种主要方式：var、let和const。这些关键字在JavaScript的ES6（ECMAScript 2015）版本引入，为变量声明提供了更精细的作用域控制和特性。下面将详细分析这三者之间的差异。 1. var var 是...

JS中var、let、const的异同之处

01-20

在JavaScript中，`var`、`let`和`const`都是用于声明变量的关键字，但它们之间存在着重要的差异。在ES6（ECMAScript 2015）中引入的`let`和`const`，是为了弥补`var`的一些不足。 1. **var**： - **预解析与提升...

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

JS中var、let和const

Better_YZQ的博客

11-03

352

var与let 1、作用域不同 let声明的变量只在其所在代码块内有效。 var声明的变量在全局范围内有效。 var a = []; for(var i =0; i <10; i++){ a[i] = function(){ console.log(i); } } a[6]();//10 i 全局有效 a数组的成员的i指向同一个i for循环设置循环变量的那部分是一个父作用域，而循环内部是一个单独的子作用域 for(let i = 0; i < 3; i++){ let

var、let、const各自特点及区别详解

weixin_43765641的博客

10-01

265

var没有块级作用域，而let和const声明的范围是块状作用域，一对花括号就是一个块。变量声明在函数的外面是全局作用域，变量在函数内部，是局部作用域。使用var可以重复声明，后面的会覆盖前面的。使用const声明的变量不属于顶层对象。使用var会将变量声明提升到使用之前。使用let声明的变量不属于顶层对象。const声明的常量不存在变量提升。使用var声明的变量属于顶层对象。const声明的常量不可以被修改。let声明的变量不可以重复声明。let声明的变量不存在变量提升。可以重复声明一个变量。

js中的const、var、let的区别

付楚

09-14

245

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

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

01-08

571

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[...

js中const,var,let区别

景山编程-顺道编程

03-05

564

const 相当于常量，定义必须初始化如：const age=12; var 是最古老的，相当于全局变量，任何位置定义，到处都有影响，var name=‘张三’; let 也是个新事物，相当于局部变量，function getName(){ let name = ‘李四’ } 就仅仅在函数内部起作用 ...

js中let，const以及var三者的区别

苍煜

10-09

1196

目录 1. 块作用域{ } 2. var、let、const的区别 3：var、let、const的区别详解首先，ECMAScript和JavaScript关系： ECMAScript是一个国际通过的标准化脚本语言。JavaScript由ECMAScript和DOM、BOM三者组成。可以简单理解为：ECMAScript是JavaScript的语言规范，JavaScript是E...

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

m0_65029152的博客

07-09

4249

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

var、const、let三者的区别

wx_0194的博客

08-10

1966

var、const、let三者的区别

JavaScript 中 let、var、const 的区别详解

2301_81137804的博客

08-13

889

在 JavaScript 中，声明变量的方式主要有三种：var、let 和 const。它们看似只是语法不同，但在作用域、提升（Hoisting）、可变性等方面有明显区别。本文将详细讲解它们的特性和使用场景。

var、let、const三者之间的区别和使用

sdsccyy的专栏

05-06

647

var、let、const 都是用于声明变量的关键字，可以通过作用域、可变性、变量提升几个方面进行区分；

【JavaScript源代码】JavaScript es6中var、let以及const三者区别案例详解.docx

12-28

JavaScript ES6 中的 `var`、`let` 和 `const` 是三种不同的变量声明方式，它们在作用域、提升（hoisting）以及可变性上存在显著差异。这些新特性对于理解和编写更健壮的JavaScript代码至关重要。 1. **块级作用域...

Vue 3 组件通信全方案详解：Props/Emit、provide/inject、事件总线替代与组合式函数封装

小二丶的博客

01-05

1260

本文系统梳理Vue3中7种组件通信方式，重点剖析props/emits、provide/inject、v-model等核心方案，并通过实战案例演示应用场景。文章包含完整TypeScript代码实现、性能对比数据及5个常见反模式避坑指南。主要内容包括：父子组件通信（props/emits）、跨层级通信（provide/inject）、双向绑定（v-model）、逻辑复用（Composables）以及全局状态管理（Pinia）。

前端组件级权限控制

最新发布

马优晨

01-06

244

前端组件级权限控制通过统一管理权限数据，采用声明式或编程式方式在组件层面进行校验。核心方案包括：1）指令式控制（适合按钮/小组件），通过自定义指令如v-permission实现；2）组件封装式控制（适合通用组件），封装<Permission>容器组件；3）编程式控制（适合复杂逻辑），在JS中直接判断权限。所有方案都需配合后端接口校验防止权限篡改，并适配不同框架如Vue、React和Angular。关键点是先规范权限数据管理，再选择适合的控制方式，同时确保后端兜底校验。

前端使用 clip-path + linear-gradient 实现矩形对角线渐变分区

m0_46893049的博客

01-05

194

需要 overflow: hidden 防止溢出。clip-path 不支持 IE。上层：另一个线性渐变 +底层：一个线性渐变背景。控制对角线方向和位置。

2025 前端技术全景图：从“夯”到“拉”排行榜

Hu560231的博客

01-06

568

2025年前端技术趋势速览：TailwindCSS、Vite和TypeScript成为主流，Vue3和React仍是框架双雄。AI驱动开发崛起，传统工具如jQuery和Webpack逐渐退出舞台。技术评价维度聚焦实用性、生态成熟度、学习成本和稳定性。国内开发者需掌握Vue3+Pinia，国际方向建议React+Next.js。性能赛道推荐Three.js和WebAssembly，包管理首选pnpm。核心建议：拥抱AI辅助开发，掌握TS+Vite+Tailwind组合，放弃过时技术栈。

前端布局与常见技术总结

to_be_me的博客

01-05

566

本文总结了CSS布局与交互的核心技术要点：1️⃣元素居中方案包括绝对定位+margin、transform平移、Flex布局等5种方法；2️⃣层级管理通过z-index控制，需注意定位元素才生效；3️⃣透明度设置对比了rgba、transparent和opacity的特性差异；4️⃣label标签提升表单可用性；5️⃣纯CSS选项卡实现原理；6️⃣Swiper轮播图的基础配置方法。涵盖了从基础定位到复杂交互的实现方案，提供多种技术选择的对比参考。

22-mini-vue props

weixin_57142035的博客

01-04

184

【代码】22-mini-vue props。

js中constvar和let的区别以及运用场景

02-20

### JavaScript 中 `const`、`var` 和 `let` 关键字的区别 #### 作用域差异 - **`var`**: 定义的变量具有全局作用域或函数作用域，在代码块（如 `{}`）内定义不会创建新的作用域[^1]。 - **`let`**: 提供了更严格的词法作用域规则，即仅限于其所在的代码块（如循环体、条件语句等），这有助于减少意外覆盖同名变量的风险[^2]。 - **`const`**: 类似于 `let` 的块级作用域行为，但声明后的赋值不可更改；不过对于复杂数据类型的属性是可以变更的[^3]。 #### 变量提升与初始化临时死区 - **`var`**: 存在变量提升现象，意味着可以在声明前访问该变量，但在实际执行到声明之前它的值为 `undefined`。 - **`let` 和 `const`**: 不会发生变量提升，并且在声明之前的任何尝试读取都会抛出错误——这就是所谓的“暂时性死区”(TDZ)。 #### 是否允许重新赋值 - **`var` 和 `let`**: 都支持多次给同一个名称分配不同值的操作。 - **`const`**: 一旦完成初始赋值，则不允许再次对其重置新值。然而需要注意的是，当涉及对象或数组这样的复合型结构时，虽然不能直接替换整个实体，却依然可以修改这些集合内的成员项。 #### 使用场景建议 - 当确定某个标识符在整个程序生命周期里都不会被赋予另一个不同的值时应优先考虑使用 `const` 来提高代码的安全性和意图表达清晰度。 - 如果确实存在需要改变绑定的情况可以选择 `let` 进行操作。 - 对于遗留项目维护或是兼容旧版浏览器的需求下可能会遇到 `var` 的应用场合，但对于现代开发实践而言应当尽可能避免使用它以防止潜在的作用域问题和难以调试的行为。 ```javascript // 示例代码展示三者的区别 function example() { if (true) { var globalVar = "I'm everywhere!"; let blockScopedLet = "Only here."; const constantValue = "Unchangeable string"; console.log(globalVar); // 输出: I'm everywhere! console.log(blockScopedLet); // 输出: Only here. console.log(constantValue); // 输出: Unchangeable string try { constantValue = "Try to change"; // 尝试重新赋值会失败并报错 } catch(e){ console.error("Cannot reassign a const variable"); } } console.log(globalVar); // 输出: I'm everywhere! - 因为它是 function-scoped 或者 global-scoped console.log(typeof blockScopedLet === 'undefined'); // true, outside its scope it's undefined } example(); ```