news 2026/4/25 23:57:21

JavaScript 变量:let 和 const 该用谁?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
JavaScript 变量:let 和 const 该用谁?

JavaScript 变量:let 和 const 该用谁?

生活中的例子 01

游戏得分:分数会一直变,所以用 let。

生活中的例子 02

圆周率 (π):数学常数永远是 3.14...,所以用 const。

生活中的例子 03

用户的出生年份:这个永远不会变,必须用 const。

生活中的例子 04

购物车商品数量:随时可能增加或减少,用 let。

新手入门指南

COPY

嘿,朋友!来聊聊 JS 的“盒子”

欢迎来到 JavaScript 的世界!今天我们要解决一个让无数新手纠结的问题:写代码时,我到底该用let还是const

别被这两个英文单词吓到了,其实它们的道理就像你整理房间一样简单。

1. 想象你在搬家(生活中的类比)

想象你正在打包东西搬家,你手里有两种箱子:

  • 普通的开口纸箱 (`let`)

你在箱子上贴个标签叫“今天的零食”。你可以把里面的薯片拿出来,换成饼干,再换成苹果。里面的东西是可以随时更换的。

  • 透明的密封展示柜 (`const`)

你在柜子上贴个标签叫“我的奖杯”。一旦把奖杯放进去,你就用强力胶把柜子封死了。里面的东西放进去就不能换了(至少不能整个换掉)。

在代码里,这就是letconst的区别。

2. 它们到底是啥?

  • `let`:代表“Let it change”(让它变)。当你定义一个变量,并且你知道以后肯定会修改它的值时,就用它。
  • `const`:代表“Constant”(常量/不变)。当你定义一个值,并且你想向全世界宣布:“嘿!这个值永远不许改!”时,就用它。

3. 代码是怎么写的?

让我们来看看实际的代码长什么样。这比你想象的要容易得多。

`let` 的例子:游戏计分

// 游戏开始了,初始分是 0 let score = 0; // 你打中了一个怪兽! score = 10; // 没问题!因为是用 let 定义的,盒子是开口的,我们可以改写它。 console.log(score); // 输出:10

`const` 的例子:出生年份

// 你的出生年份是固定的 const birthYear = 1998; // 试图修改它... birthYear = 2000; // ❌ 报错!电脑会大喊:“Assignment to constant variable.” // 意思就是:兄弟,这是个密封柜子,你不能改!

4. 一个新手最容易犯的错误

很多初学者觉得:“既然let那么灵活,我干脆全部都用let好了,省得报错!”

这是一个巨大的陷阱!

最佳实践是:默认全都用 `const`。

为什么?因为const会保护你不小心改掉不该改的东西。当你写代码时,如果发现某个变量确实需要变化(比如循环里的计数器 i,或者上面的 score),这时候再回头把它改成let

这样做会让你的代码更安全,读你代码的人也更清楚:“哦,这个是用 const 定义的,所以我知道它在后面绝对不会变。”

5. 总结一下

  • 如果要变,用`let`
  • 如果不变,用`const`
  • 如果不确定,先写 `const`,等报错了再改也不迟!

哪怕你是编程小白,只要记住“密封柜”和“开口箱”的区别,你就已经掌握了现代 JavaScript 最核心的规范之一啦!

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/21 22:19:03

基于GD32的直流无刷电机控制算法实现和验证

目录 1 项目概述 1.1 项目背景 1.2 系统功能介绍 1.3 系统使用的技术要点 2 系统硬件框架结构 2.1 电机PWM接口 2.2 电流采样接口 2.3 编码器接口 3 驱动程序实现 3.1 PWM 功能实现 3.1.1 PWM接口配置 3.1.2 验证PWM输出波形 3.2 AS5600的驱动 3.2.1 AS5600与MCU之…

作者头像 李华
网站建设 2026/4/25 12:35:03

Win10 系统备份与还原实用指南:3 种方法筑牢数据安全防线

在数字化时代,电脑里的系统文件、工作文档、个人资料等都是核心资产,一旦遭遇硬件故障、病毒攻击或误操作,数据丢失可能造成不小损失。Windows 10 自带了实用的备份还原工具,同时也有更高效的第三方方案,下面就为大家精…

作者头像 李华
网站建设 2026/4/24 17:57:45

EHR+AI助手:远程办公模式下HR与IT的合规协同方案

摘要:随着数字经济的深度发展,远程办公已从应急选项升级为企业运营的战略配置,但其带来的跨地域用工、数据流转、流程管控等问题,对HR与IT部门的协同合规提出了严峻挑战。EHR系统作为人力资源数字化的核心载体,与AI助手…

作者头像 李华
网站建设 2026/4/24 7:47:35

《jQuery UI API 文档》

《jQuery UI API 文档》 引言 jQuery UI 是一个基于 jQuery 的用户界面库,它提供了丰富的交互组件和效果,帮助开发者快速构建出具有丰富交互体验的网页应用。本文档将详细介绍 jQuery UI 的 API,包括其组件、方法和事件,旨在帮助开发者更好地理解和运用 jQuery UI。 一、…

作者头像 李华
网站建设 2026/4/25 17:47:45

还在用 Figma 画饼?我用这个平台,把原型上线从 3 天压到 3 分钟

作为一名产品经理,我最怕听到的话就是“这个需求排满了,下周吧”。一个在会议上让所有人兴奋的灵感,在漫长的排期和等待中,逐渐变得平庸和乏味。我曾经以为,这是无法改变的宿命。直到我发现,原来我可以自己…

作者头像 李华
网站建设 2026/4/17 8:40:46

夸克网盘下载不限速_在线解析站

今天教大家一招能解决夸克网盘限制的在线工具。这个工具也是完全免费使用的。下面让大家看看我用这个工具的下载速度咋样。地址获取:放在这里了,可以直接获取 这个速度还是不错的把。对于平常不怎么下载的用户还是很友好的。下面开始今天的教学 输入我给…

作者头像 李华