当前位置：首页 > news >正文

前端JS中var、let、const之间的区别

news 来源：原创 2025/5/16 3:04:42

🎬 江城开朗的豌豆：个人主页

🔥 个人专栏 :《 VUE 》《 javaScript 》

📝 个人网站 :《江城开朗的豌豆🫛 》

⛺️ 生活的理想，就是为了理想的生活 !

一、var

二、let

三、const

四、区别

变量提升

暂时性死区

块级作用域

重复声明

修改声明的变量

使用

一、var

在ES5中，顶层对象的属性和全局变量是等价的，用var声明的变量既是全局变量，也是顶层变量

注意：顶层对象，在浏览器环境指的是window对象，在 Node 指的是global对象

var a = 10;
console.log(window.a) // 10

使用var声明的变量存在变量提升的情况

console.log(a) // undefined
var a = 20

在编译阶段，编译器会将其变成以下执行

var a
console.log(a)
a = 20

使用var，我们能够对一个变量进行多次声明，后面声明的变量会覆盖前面的变量声明

var a = 20 
var a = 30
console.log(a) // 30

在函数中使用使用var声明变量时候，该变量是局部的

var a = 20
function change(){var a = 30
}
change()
console.log(a) // 20

而如果在函数内不使用var，该变量是全局的

var a = 20
function change(){a = 30
}
change()
console.log(a) // 30

二、let

let是ES6新增的命令，用来声明变量

用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效

{let a = 20
}
console.log(a) // ReferenceError: a is not defined.

不存在变量提升

console.log(a) // 报错ReferenceError
let a = 2

这表示在声明它之前，变量a是不存在的，这时如果用到它，就会抛出一个错误

只要块级作用域内存在let命令，这个区域就不再受外部影响

var a = 123
if (true) {a = 'abc' // ReferenceErrorlet a;
}

使用let声明变量前，该变量都不可用，也就是大家常说的“暂时性死区”

最后，let不允许在相同作用域中重复声明

let a = 20
let a = 30
// Uncaught SyntaxError: Identifier 'a' has already been declared

注意的是相同作用域，下面这种情况是不会报错的

let a = 20
{let a = 30
}

因此，我们不能在函数内部重新声明参数

function func(arg) {let arg;
}
func()
// Uncaught SyntaxError: Identifier 'arg' has already been declared

三、const

const声明一个只读的常量，一旦声明，常量的值就不能改变

const a = 1
a = 3
// TypeError: Assignment to constant variable.

这意味着，const一旦声明变量，就必须立即初始化，不能留到以后赋值

const a;
// SyntaxError: Missing initializer in const declaration

如果之前用var或let声明过变量，再用const声明同样会报错

var a = 20
let b = 20
const a = 30
const b = 30
// 都会报错

const实际上保证的并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动

对于简单类型的数据，值就保存在变量指向的那个内存地址，因此等同于常量

对于复杂类型的数据，变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的，并不能确保改变量的结构不变

const foo = {};// 为 foo 添加一个属性，可以成功
foo.prop = 123;
foo.prop // 123// 将 foo 指向另一个对象，就会报错
foo = {}; // TypeError: "foo" is read-only

其它情况，const与let一致

四、区别

var、let、const三者区别可以围绕下面五点展开：

变量提升
暂时性死区
块级作用域
重复声明
修改声明的变量
使用

变量提升

var 声明的变量存在变量提升，即变量可以在声明之前调用，值为undefined

let和const不存在变量提升，即它们所声明的变量一定要在声明后使用，否则报错

// var
console.log(a)  // undefined
var a = 10// let 
console.log(b)  // Cannot access 'b' before initialization
let b = 10// const
console.log(c)  // Cannot access 'c' before initialization
const c = 10

暂时性死区

var不存在暂时性死区

let和const存在暂时性死区，只有等到声明变量的那一行代码出现，才可以获取和使用该变量

// var
console.log(a)  // undefined
var a = 10// let
console.log(b)  // Cannot access 'b' before initialization
let b = 10// const
console.log(c)  // Cannot access 'c' before initialization
const c = 10

块级作用域

var不存在块级作用域

let和const存在块级作用域

// var
{var a = 20
}
console.log(a)  // 20// let
{let b = 20
}
console.log(b)  // Uncaught ReferenceError: b is not defined// const
{const c = 20
}
console.log(c)  // Uncaught ReferenceError: c is not defined

重复声明

var允许重复声明变量

let和const在同一作用域不允许重复声明变量

// var
var a = 10
var a = 20 // 20// let
let b = 10
let b = 20 // Identifier 'b' has already been declared// const
const c = 10
const c = 20 // Identifier 'c' has already been declared

修改声明的变量

var和let可以

const声明一个只读的常量。一旦声明，常量的值就不能改变

// var
var a = 10
a = 20
console.log(a)  // 20//let
let b = 10
b = 20
console.log(b)  // 20// const
const c = 10
c = 20
console.log(c) // Uncaught TypeError: Assignment to constant variable

使用

能用const的情况尽量使用const，其他情况下大多数使用let，避免使用var

前端JS中var、let、const之间的区别

🎬 江城开朗的豌豆：个人主页 🔥 个人专栏 :《 VUE 》《 javaScript 》 📝 个人网站 :《江城开朗的豌豆🫛 》 ⛺️ 生活的理想，就是为了理想的生活 ! 目录一、var 二、let 三、const 四、区别变量…...

编程日记 2025/5/16 3:04:42

【pyqt】（八）ui文件使用

ui文件使用前面我们已经学过了简单的UI文件创建（利用Qt Designer）和基础控件的使用。现在我们学习如何把二者融合起来完成开发。UI文件以 XML 格式存储界面的布局和各种控件的属性，我们可以利用Qt Designer开发界面，然后利用代码…...

编程日记 2025/5/6 6:18:59

H2数据库在单元测试中的应用

H2数据库特征用比较简洁的话来介绍h2数据库，就是一款轻量级的内存数据库，支持标准的SQL语法和JDBC API，工业领域中，一般会使用h2来进行单元测试。这里贴一下h2数据库的主要特征 Very fast database engineOpen sourceWritten…...

编程日记 2025/5/15 21:26:38

ios越狱脚本巨魔商店安装教程

使用爱思助手安装安装爱思助手：在电脑上安装 iTunes 和爱思助手，并使用 Apple ID 登录2。 IPA 签名：打开爱思助手，选择工具箱中的 IPA 签名。点击添加 IPA 文件，选择下载的 TrollInstallerX.ipa 文件。选择使用 Apple…...

编程日记 2025/5/14 1:58:35

Linux C编程——文件IO基础

文件IO基础一、简单的文件 IO 示例二、文件描述符三、open 打开文件1. 函数原型2. 文件权限3. 宏定义文件权限4. 函数使用实例四、write 写文件五、read 读文件六、close 关闭文件七、Iseek 绍 Linux 应用编程中最基础的知识，即文件 I/O（Input、Outout…...

编程日记 2025/5/15 17:39:12

【Rust自学】10.4. trait Pt.2：trait作为参数和返回类型、trait bound

喜欢的话别忘了点赞、收藏加关注哦，对接下来的教程有兴趣的可以关注专栏。谢谢喵！(･ω･) 说句题外话，写这篇的时间比写所有权还还花的久，trait是真的比较难理解的概念。 10.4.1. 把trait作为参数继续以…...

编程日记 2025/5/15 10:58:51

Java 中的 getDeclaredMethod() 方法：使用与原理详解

在 Java 反射机制中，getDeclaredMethod() 是一个非常重要的方法，用于获取类中声明的特定方法（包括公共、保护、默认和私有方法）。与 getMethod() 不同，getDeclaredMethod() 可以访问类的所有方法，而不仅仅是…...

编程日记 2025/5/9 1:30:10

解决npm报错：sill idealTree buildDeps

编程日记 2025/5/16 2:57:55

【游戏设计原理】55 - 风险评估

从本文讲述的内容来看，其实使用“游戏中的决策”作为标题更合适。核心观点：玩家在游戏中不断进行决策，这些决策涵盖风险评估、资源分配、策略选择等多个方面，其核心是通过选择实现最大化回报或最小化损失。关键内容：…...

编程日记 2025/5/15 2:52:20

【AI日记】25.01.08

【AI论文解读】【AI知识点】【AI小项目】【AI战略思考】【AI日记】【读书与思考】 AI 参加：kaggle 比赛 Forecasting Sticker Sales 读书书名：国家为什么会失败阅读原因：2024 年诺贝尔经济学奖得主的力作未删减版：https://boo…...

编程日记 2025/5/11 8:09:29

SAP BC 同服务器不同client之间的传输SCC1

源配置client不需要释放登录目标client SCC1...

编程日记 2025/5/11 8:14:56

用Cline打造你的智能搜索助手：Tavily Search MCP集成指南

引言本文将详细介绍如何在Cline编辑器中集成Tavily Search智能搜索功能。我们将从MCP（Model Context Protocol）协议基础开始，深入探讨Tavily Search MCP服务器的安装配置、使用方法，以及进阶的二次开发技巧。无论你是AI开发者还…...

编程日记 2025/5/10 8:35:08

未来商贸物流：人工智能与大数据的深度融合

未来商贸物流：人工智能与大数据的深度融合在当今数字化浪潮汹涌澎湃的时代，商贸物流行业正站在变革的十字路口，而人工智能与大数据宛如一对闪耀的双子星，为其照亮前行的道路，深度融合之下，一个全新的未来…...

编程日记 2025/5/16 2:54:29

网络安全、Web安全、渗透测试之笔经面经总结（三）

本篇文章涉及的知识点有如下几方面： 1.什么是WebShell? 2.什么是网络钓鱼？ 3.你获取网络安全知识途径有哪些？ 4.什么是CC攻击？ 5.Web服务器被入侵后，怎样进行排查？ 6.dll文件是什么意思，有什么…...

编程日记 2025/5/5 18:03:57

BMS应用软件开发 — 3 电池系统的组成

目录 1 电池的基本拓扑 2 已经被淘汰的CTM 3 早已经普及的CTP 4 集成度更高的CTC 5 刚性更好的CTB 1 电池的基本拓扑相比于燃油车，虽然电动车在结构空间上灵活度更高，空间利用率也更好，但现有条件下无法像燃油车一样快速补能&#xff…...

编程日记 2025/5/15 15:57:28

springboot 项目使用nacos注册中心配置，在windows系统下打jar包后不能启动的一个不好排查的问题

起因，一个项目使用的nacos注册中心配置，想学习运维一些知识，项目在本地idea，无论是run，debug模式，都可以正常运行。就学习如何打包，打包好后，如何运jar包，都启动不起来&a…...

编程日记 2025/5/16 3:01:12

Git撤销指定commit并更新远端仓库

Git撤销指定commit并更新远端仓库一、撤销指定commit 1.首先执行git log 命令，查看git历史提交以及commit信息： 由于需要脱敏，所以截图可能看得马赛克比较多，需要关注的就是上面的commit后跟的id，以及HEAD当前指定…...

编程日记 2025/5/12 12:38:06

校园约拍微信小程序设计与实现ssm+论文源码调试讲解

4 系统设计校园约拍微信小程序的设计方案比如功能框架的设计，比如数据库的设计的好坏也就决定了该系统在开发层面是否高效，以及在系统维护层面是否容易维护和升级，因为在系统实现阶段是需要考虑用户的所有需求，要是在设计阶段没…...

编程日记 2025/5/16 0:44:17

开源靶场1

我来为您介绍一些知名的开源漏洞靶场平台: DVWA (Damn Vulnerable Web Application) 最流行的 Web 漏洞靶场之一包含 SQL 注入、XSS、文件包含等常见漏洞基于 PHP MySQL适合 Web 安全入门学习 WebGoat OWASP 开源项目基于 Java包含大量 Web 安全漏洞练习提供详细的教程和解…...

编程日记 2025/5/15 11:59:53

iOS开发指南：保护服务器密码的安全存储与处理技巧

在iOS开发过程中，服务器密码的安全存储与处理是确保应用安全性的关键环节。不当的密码管理可能导致数据泄露、用户隐私受损，甚至引发更严重的安全问题。因此，开发者需要采取一系列措施来保护服务器密码的安全。本文将详细介绍在iOS开发中如何…...

编程日记 2025/5/15 2:52:48

《Spring Framework实战》9：4.1.4.依赖注入

欢迎观看《Spring Framework实战》视频教程典型的企业应用程序不是由单个对象（或Spring术语中的bean）组成。即使是最简单的应用程序也有几个对象协同工作，以呈现最终用户所认为的连贯应用程序。下一节将解释如何从定义多个独立的bean定义到一…...

编程日记 2025/5/13 17:46:28

linux之自动挂载

如果想要实现自动挂载，应该挂在客户端！！！！！ 客户端： [rootlocalhost ~]# yum install nfs-utils -y （下载软件） [rootlocalhost ~]# systemctl start nfs-utils.servic…...

编程日记 2025/5/10 4:08:22

python+fpdf：创建pdf并实现表格数据写入

目录创建pdf文件对象新增页添加自定义字体设置字体设置文字颜色和背景色插入内容换行插入图片保存pdf 完整代码安装：pip install fpdf 创建pdf文件对象 from fpdf import FPDF, Alignpdf = FPDF() # 创建pdf文件对象获取边距 print(pdf.l_margin, p…...

编程日记 2025/5/11 3:00:48

比较procfs 、 sysctl和Netlink

procfs 文件系统和 sysctl 的使用： procfs 文件系统（/proc） procfs 文件系统是 Linux 内核向用户空间暴露内核数据结构以及配置信息的一种方式。`procfs` 的挂载点是 /proc 目录，这个目录中的文件和目录呈现内核的运行状况和配置信息。通过读写这些文件，可以查看和控制内…...

编程日记 2025/5/11 9:12:09

第四、五章补充：线代本质合集（B站：小崔说数）

视频1：线性空间原视频：【线性代数的本质】向量空间、基向量的几何解释_哔哩哔哩_bilibili 很多同学在学习线性代数的时候，会遇到一个困扰，就是不知道什么是线性空间。因为中文的教材往往对线性空间的定义是非常偏数学的&#x…...

编程日记 2025/5/11 11:28:36

Clojure语言的函数实现

Clojure语言函数实现详解引言 Clojure是一种基于Java虚拟机的函数式编程语言，以其简洁和强大的数据处理能力而著称。在Clojure中，函数是基本的构造块，良好的函数设计可以提高代码的可复用性和可维护性。本文将深入探讨Clojure中的函数实现…...

编程日记 2025/5/13 17:32:18

Windows10环境下安装RabbitMq折腾记

最近有个老项目需要迁移到windows10环境，用的是比较老的rabbitmq安装包，如下所示。经过一番折腾，死活服务起不来，最终果断放弃老版本启用新版本。现在把折腾过程记录下： 一、安装erlang 安装完成后的目录结构&#xff…...

编程日记 2025/5/11 9:22:54

【前端，TypeScript】TypeScript速成（九）：async-await 语法糖

async-await 语法糖可以使用 async-await 来管理 Promise，下例重写上一节使用 Promise then 的形式计算 ( 2 3 ) ( 4 5 ) (23) \times (45) (23)(45)： function add(a: number, b: number): Promise<number>{return new Promise((resolve,…...

编程日记 2025/5/12 23:18:06

基于ADAS 与关键点特征金字塔网络融合的3D LiDAR目标检测原理与算法实现

一、概述 3D LiDAR目标检测是一种在三维空间中识别和定位感兴趣目标的技术。在自动驾驶系统和先进的空间分析中，目标检测方法的不断演进至关重要。3D LiDAR目标检测作为一种变革性的技术，在环境感知方面提供了前所未有的准确性和深度信息. 在这里&…...

编程日记 2025/5/12 8:01:56

STM32供电参考设计

STM32供电参考设计在图中有VDD，VSS和VDDA，VSSA两种类型的供电引脚，其数据手册解释如下： 令我不解的是：VDDA和VSSA必须分别连接到VDD和VSS，这是什么意思？有大佬能够解答一下吗&#xff1f…...

编程日记 2025/5/7 17:12:34

C/C++头文件uitility

在C中，<utility>头文件提供了一些通用的工具类和函数，这些工具类和函数在编写高效、可读性强的代码时非常有用。以下是<utility>头文件中一些常用函数和类的详细介绍及使用示例： std::pair：一个模板类，用于…...

编程日记 2025/5/12 14:43:36

Nature Electronics——近传感器计算：50 nm异构集成技术的革命

创新点：1.高密度互联设计：基于二维材料，开发出互连密度高达62,500 I/O每平方毫米的M3D集成结构。2.异构层堆叠：整合了第二层石墨烯化学传感器和第一层MoS₂记忆晶体管，实现功能互补。3.超短传感器与计算元件距离&#…...

编程日记 2025/5/9 9:11:45

腾讯云AI代码助手编程挑战赛-图片转换工具

作品简介： 解决了人们学习生活中的图片格式转换问题， 制作该脚本，省去了打开在线编辑器操作的时间， 免费为用户提供图片格式的转换的实用小工具技术架构 python语言的tk库来完成的GUI页面设计， 引用PIL包转换图…...

编程日记 2025/5/7 6:28:59

英伟达Project Digits赋能医疗大模型：创新应用与未来展望

英伟达Project Digits赋能医疗大模型：创新应用与未来展望一、引言 1.1 研究背景与意义在当今数字化时代，医疗行业作为关乎国计民生的关键领域，正面临着前所未有的挑战与机遇。一方面，传统医疗模式在应对海量医疗数据的处理、复…...

编程日记 2025/5/14 9:41:22

查找路由器的管理后台ip【通用找IP】

需求： 刚刚搞了个【小米】路由器，我想进路由的管理后台，提示：安装xx的路由管家，我不想安装但是无法找到这个管理后台。而且我是用这个路由作为中继，那么这个路由的ip就会经常更换尝试通过网上搜索引擎来…...

编程日记 2025/5/10 14:31:35

Nginx：Stream模块

什么是 Stream 模块？ Stream 模块是 Nginx 的一个核心模块，专为处理非 HTTP 协议的流量（TCP 和 UDP 流量）而设计。它可以用来负载均衡和代理 TCP 或 UDP 连接，适用于多种应用场景，如：数据库集群（MySQL、PostgreSQL 等）邮件服务器（SMTP、IMAP、POP3）游戏服务器VoI…...

编程日记 2025/5/12 17:53:21

C++语言的并发编程

C语言的并发编程引言随着计算机技术的飞速发展，尤其是多核处理器的普及，如何高效地利用计算机资源成为了一个重要话题。在这个背景下，并发编程已经成为了一种必须掌握的技能。C作为一种强大的编程语言，也提供了丰富的工具和库…...

编程日记 2025/5/13 12:13:59

Boost.Asio 同步读写及客户端 - 服务器实现详解

Boost.Asio 同步读写及客户端 - 服务器实现详解参考文献 Boost.Asio 官方文档学习资料来源: 参考网址一、引言 Boost.Asio作为一个强大的跨平台网络编程库，为开发者提供了丰富的网络操作接口。在之前的学习中，我们已接触到其同步读写的API函数&…...

编程日记 2025/5/6 2:10:52

机器人技术：ModbusTCP转CCLINKIE网关应用

在当今自动化生产与智能制造领域，ModbusTCP转CC-LinkIE网关KJ-MTCPZ-CCIES的应用正日益成为提升生产效率、实现设备间高效通信的重要技术手段。这一转换技术不仅打破了不同通信协议间的壁垒，还为机器人产品的应用提供了更为广阔的舞台。ModbusTCP作为一种…...

编程日记 2025/5/15 4:56:48

CSS——24.实战技能网导航栏 hove状态

<!DOCTYPE html> <html><head><meta charset"UTF-8"><title>技能网导航hover状态</title><style type"text/css">nav{width: 1000px;height: 40px;background:#363636;margin: 100px auto;}nav div{width: 100p…...

编程日记 2025/5/14 5:26:25

计算机视觉目标检测-DETR网络

目录摘要abstractDETR目标检测网络详解二分图匹配和损失函数 DETR总结总结摘要 DETR（DEtection TRansformer）是由Facebook AI提出的一种基于Transformer架构的端到端目标检测方法。它通过将目标检测建模为集合预测问题，摒弃了锚框设计和非…...

编程日记 2025/5/12 6:49:43

【计算机网络】课程实验五静态路由配置

实验五静态路由配置一、实验目的理解静态路由的工作原理，掌握如何配置静态路由。二、实验分析与设计【背景描述】假设校园网分为 2 个区域，每个区域内使用 1 台路由器连接 2 个子网， 现要在路由器上做适当配置，实现校…...

编程日记 2025/5/11 21:19:17

FPGA车牌识别

基于FPGA的车牌识别主要包含以下几个步骤：图像采集、颜色空间转换、边缘检测、形态学处理（腐蚀和膨胀）、特征值提取、模板匹配、结果显示。先用matlab对原理进行仿真，后用vivado和modelsim进行设计和仿真。一、1.图像采集采用ov…...

编程日记 2025/5/11 12:19:53

最好用的图文识别OCR -- PaddleOCR(2) 提高推理效率(PPOCR模型转ONNX模型进行推理)

在实际推理过程中，使用 PaddleOCR 模型时效率较慢，经测试每张图片的检测与识别平均耗时超过 5 秒，这在需要大规模自动化处理的场景中无法满足需求。为此，我尝试将 PaddleOCR 模型转换为 ONNX 格式进行推理，以提升效率。…...

编程日记 2025/5/11 8:02:39

STM32-笔记39-SPI-W25Q128

一、什么是SPI？ SPI是串行外设接口（Serial Peripheral Interface）的缩写，是一种高速的，全双工，同步的通信总线，并且在芯片的管脚上只占用四根线，节约了芯片的管脚，同时为…...

编程日记 2025/5/15 17:52:46

反规范化带来的数据不一致问题的解决方案

在数据库设计中，规范化（Normalization）和反规范化（Denormalization）是两个相互对立但又不可或缺的概念。规范化旨在消除数据冗余，确保数据的一致性和准确性，但可能会降低查询效率。相反&#xf…...

编程日记 2025/5/11 12:43:54

依赖注入学习

1.介绍依赖注入（Dependency Injection, DI）是一种软件设计模式，用于实现类与其依赖项之间的解耦。它的核心思想是，将类所依赖的对象通过外部注入的方式传递给它，而不是在类内部自行创建依赖对象。通过这种方式&#…...

编程日记 2025/5/12 17:24:48

ESP32-C3 AT WiFi AP 启 TCP Server 被动接收模式 + BLE 共存

TCP 被动接收模式，每次发的数据会先存到缓冲区，参见：ATCIPRECVTYPE 指令说明。即每包数据不会实时报告 IPD 接收情况，如果需要查询缓冲区的数据，先用 ATCIPRECVLEN? 指令查询被动接收模式下套接字数据的长度。获取…...

编程日记 2025/5/12 17:17:39

git tag

文章目录 1.简介2.格式3.选项4.示例参考文献 1.简介同大多数 VCS 一样，Git 也可以对某一时间点的版本打上标签，用于版本的发布管理。一个版本发布时，我们可以为当前版本打上类似于 v.1.0.1、v.1.0.2 这样的 Tag。一个 Tag 指向一个 Commi…...

编程日记 2025/5/13 12:25:48

rabbitmq的三个交换机及简单使用

提前说一下，创建队列，交换机，绑定交换机和队列都是在生产者。消费者只负责监听就行了，不用配其他的。完成这个场景需要两个服务哦。 1直连交换机-生产者的代码。在配置类中创建队列，交换机，绑定交换机…...

编程日记 2025/5/13 3:54:03

一、var

二、let

三、const

四、区别

变量提升

暂时性死区

块级作用域

重复声明

修改声明的变量

使用

相关文章：