0

0

javascript变量如何声明_怎样正确使用let和const【教程】

狼影

狼影

发布时间:2026-01-23 13:32:02

|

190人浏览过

|

来源于php中文网

原创

let和const禁止重复声明、必须初始化且不可重新赋值,作用域为块级,存在暂时性死区(tdz),访问未声明变量直接报referenceerror。

javascript变量如何声明_怎样正确使用let和const【教程】

let 和 const 声明变量时不能重复声明同一标识符

letconst 在同一个作用域内重复声明同一个变量名,会直接抛出 SyntaxError: Identifier 'xxx' has already been declared。这和 var 的变量提升+重复声明静默忽略完全不同。

常见踩坑场景:

  • 在 for 循环外手动写了一次 let i = 0,又在 for (let i = 0; ...) 中再次声明 —— 报错
  • 模块顶部写了 const API_URL = '...',又在某个函数里写了同名 const API_URL = '...'(如果没块级作用域包裹)—— 报错
  • 使用 import 引入的绑定名(如 import { foo } from './x.js'),再用 const foo = ... 覆盖 —— 报错

const 声明的变量必须初始化,且不能重新赋值

const 不是“常量值”,而是“不可重新赋值的绑定”。它要求声明时必须赋初始值,之后不能再用 = 赋新值。

实操注意点:

立即学习Java免费学习笔记(深入)”;

一帧秒创
一帧秒创

基于秒创AIGC引擎的AI内容生成平台,图文转视频,无需剪辑,一键成片,零门槛创作视频。

下载
  • const obj; → 语法错误,必须写成 const obj = {};
  • const arr = [1, 2]; arr.push(3); → 合法,因为没改变 arr 这个绑定,只是修改了对象内容
  • const arr = [1, 2]; arr = [3, 4]; → 报 TypeError: Assignment to constant variable
  • 想冻结内容?得配合 Object.freeze()const + 不可变数据结构(如 Immutable.js 或现代 structuredClone 后操作)

let/const 的作用域是块级,不是函数级

letconst 只在最近的花括号 {} 内有效,包括 iffortry/catch 块,而不仅是函数体。这是它们和 var 最本质的区别。

典型影响:

  • if (true) { let x = 1; } console.log(x); → 报 ReferenceError: x is not defined(不是 undefined
  • for (let i = 0; i console.log(i), 0); → 正确输出 0, 1, 2;若换成 var i,则输出三个 3
  • try { throw new Error(); } catch (err) { let msg = err.message; } console.log(msg); → 报错,msg 出了 catch 块就不可见

暂时性死区(TDZ)让 let/const 在声明前访问直接报错

在块内,从块开始到 let/const 声明语句执行前,该变量处于“暂时性死区”:不能读、不能写、甚至不能用 typeof 安全检测。

这意味着:

  • console.log(a); let a = 1;ReferenceError,不是 undefined
  • typeof a;let a 前执行 → 同样报 ReferenceError(区别于 var a 时返回 "undefined"
  • 箭头函数中若引用了外部块级声明的 let/const,但该声明还没执行到,调用时仍会触发 TDZ 错误
实际编码中,最容易被忽略的是 TDZ 和块级作用域的嵌套深度 —— 尤其在动态条件逻辑或异步回调里,变量看似“应该存在”,却因声明位置靠后而根本不可访问。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

1566

2023.10.24

if什么意思
if什么意思

if的意思是“如果”的条件。它是一个用于引导条件语句的关键词,用于根据特定条件的真假情况来执行不同的代码块。本专题提供if什么意思的相关文章,供大家免费阅读。

846

2023.08.22

scripterror怎么解决
scripterror怎么解决

scripterror的解决办法有检查语法、文件路径、检查网络连接、浏览器兼容性、使用try-catch语句、使用开发者工具进行调试、更新浏览器和JavaScript库或寻求专业帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

492

2023.10.18

500error怎么解决
500error怎么解决

500error的解决办法有检查服务器日志、检查代码、检查服务器配置、更新软件版本、重新启动服务、调试代码和寻求帮助等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

377

2023.10.25

mysql标识符无效错误怎么解决
mysql标识符无效错误怎么解决

mysql标识符无效错误的解决办法:1、检查标识符是否被其他表或数据库使用;2、检查标识符是否包含特殊字符;3、使用引号包裹标识符;4、使用反引号包裹标识符;5、检查MySQL的配置文件等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

210

2023.12.04

Python标识符有哪些
Python标识符有哪些

Python标识符有变量标识符、函数标识符、类标识符、模块标识符、下划线开头的标识符、双下划线开头、双下划线结尾的标识符、整型标识符、浮点型标识符等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

322

2024.02.23

java标识符合集
java标识符合集

本专题整合了java标识符相关内容,想了解更多详细内容,请阅读下面的文章。

292

2025.06.11

c++标识符介绍
c++标识符介绍

本专题整合了c++标识符相关内容,阅读专题下面的文章了解更多详细内容。

177

2025.08.07

C# ASP.NET Core微服务架构与API网关实践
C# ASP.NET Core微服务架构与API网关实践

本专题围绕 C# 在现代后端架构中的微服务实践展开,系统讲解基于 ASP.NET Core 构建可扩展服务体系的核心方法。内容涵盖服务拆分策略、RESTful API 设计、服务间通信、API 网关统一入口管理以及服务治理机制。通过真实项目案例,帮助开发者掌握构建高可用微服务系统的关键技术,提高系统的可扩展性与维护效率。

3

2026.03.11

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.4万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.6万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号