0

0

什么是暂时性死区_它与let和const有何关系【教程】

紅蓮之龍

紅蓮之龍

发布时间:2026-01-20 22:34:02

|

862人浏览过

|

来源于php中文网

原创

referenceerror 是暂时性死区(tdz)最直接的信号,即在 let/const 声明前访问变量会立即抛出该错误,表明变量已绑定但未初始化;tdz 存在于块顶部到声明执行完成之间,影响 typeof、默认参数、解构等隐式求值场景。

什么是暂时性死区_它与let和const有何关系【教程】

ReferenceError 是暂时性死区最直接的信号

当你在 letconst 声明语句之前访问该变量,JavaScript 会立刻抛出 ReferenceError: xxx is not defined——注意,这不是语法错误(SyntaxError),也不是 undefined,而是运行时明确拒绝访问。这说明变量已被“绑定”进当前作用域,但尚未初始化。

  • 哪怕只是 typeof x,也会报错;而 var 下同操作返回 "undefined"
  • 死区从块(如 {}iffor、函数体)顶部开始,到 let xconst y = ... 这一行执行完成为止
  • 嵌套块中,每个 let/const 都有独立 TDZ,外层同名变量不影响内层判断

let 和 const 都受 TDZ 约束,但 const 多一层限制

letconst 都存在暂时性死区,因为它们都经历“声明提升 + 未初始化”的过程;区别在于:const 还强制要求声明时必须赋值,否则直接 SyntaxError

图酷AI
图酷AI

下载即用!可以免费使用的AI图像处理工具,致力于为用户提供最先进的AI图像处理技术,让图像编辑变得简单高效。

下载
  • let a; 合法,但 a 在声明前不可读写
  • const b; 语法错误,根本过不了解析阶段
  • const obj = {}; 允许后续修改 obj.prop = 1,但不能 obj = {} —— TDZ 管的是“绑定”,不是“值不可变”

常见踩坑场景:看似安全的操作其实危险

很多开发者以为 typeof、函数默认参数、对象解构默认值是“兜底操作”,但在 TDZ 下全都不起作用。

  • console.log(typeof tmp); let tmp = 123; → 报错,不是 "undefined"
  • function foo(x = tmp) { let tmp = 'ok'; } → 调用 foo() 时立即报错,因为默认参数求值发生在函数体执行前,而此时 tmp 仍在 TDZ 中
  • let {x = 1} = {y: 2}; 合法,但若 x 是外部 let x 且尚未声明,则解构表达式本身会触发 TDZ 错误

怎么避免 TDZ 问题?靠习惯,不靠运气

ESLint 的 no-use-before-define(开启 variables: true)能捕获大部分情况,但最可靠的方式是建立编码习惯:

  • 把所有 let/const 声明统一放在块的开头(不是强制,但显著降低出错概率)
  • 避免在声明前做任何求值行为:包括调用函数、访问对象属性、计算表达式、甚至 void 0 这类看似无害的操作
  • 在条件块或循环中声明变量时,确认逻辑路径不会绕过声明语句(比如 if (false) { let x = 1; } 后面直接用 x 就掉进死区)
TDZ 不是 bug,是设计上的“主动设障”:它让“先用后声明”这种易错模式无法蒙混过关。真正容易被忽略的,是那些隐式求值的场景——比如默认参数、解构赋值、import 中的命名绑定,它们同样遵循 TDZ 规则,但不像 console.log(x) 那样一目了然。

热门AI工具

更多
DeepSeek
DeepSeek

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

豆包大模型
豆包大模型

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

通义千问
通义千问

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

腾讯元宝
腾讯元宝

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

文心一言
文心一言

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

讯飞写作
讯飞写作

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

即梦AI
即梦AI

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

ChatGPT
ChatGPT

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

相关专题

更多
typedef和define区别
typedef和define区别

typedef和define区别在类型检查、作用范围、可读性、错误处理和内存占用等。本专题为大家提供typedef和define相关的文章、下载、课程内容,供大家免费下载体验。

119

2023.09.26

define的用法
define的用法

define用法:1、定义常量;2、定义函数宏:3、定义条件编译;4、定义多行宏。更多关于define的用法的内容,大家可以阅读本专题下的文章。

363

2023.10.11

if什么意思
if什么意思

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

846

2023.08.22

c语言const用法
c语言const用法

const是关键字,可以用于声明常量、函数参数中的const修饰符、const修饰函数返回值、const修饰指针。详细介绍:1、声明常量,const关键字可用于声明常量,常量的值在程序运行期间不可修改,常量可以是基本数据类型,如整数、浮点数、字符等,也可是自定义的数据类型;2、函数参数中的const修饰符,const关键字可用于函数的参数中,表示该参数在函数内部不可修改等等。

558

2023.09.20

javascriptvoid(o)怎么解决
javascriptvoid(o)怎么解决

javascriptvoid(o)的解决办法:1、检查语法错误;2、确保正确的执行环境;3、检查其他代码的冲突;4、使用事件委托;5、使用其他绑定方式;6、检查外部资源等等。本专题为大家提供相关的文章、下载、课程内容,供大家免费下载体验。

186

2023.11.23

java中void的含义
java中void的含义

本专题整合了Java中void的相关内容,阅读专题下面的文章了解更多详细内容。

130

2025.11.27

console接口是干嘛的
console接口是干嘛的

console接口是一种用于在计算机命令行或浏览器开发工具中输出信息的工具,提供了一种简单的方式来记录和查看应用程序的输出结果和调试信息。本专题为大家提供console接口相关的各种文章、以及下载和课程。

419

2023.08.08

console.log是什么
console.log是什么

console.log 是 javascript 函数,用于在浏览器控制台中输出信息,便于调试和故障排除。想了解更多console.log的相关内容,可以阅读本专题下面的文章。

540

2024.05.29

JavaScript浏览器渲染机制与前端性能优化实践
JavaScript浏览器渲染机制与前端性能优化实践

本专题围绕 JavaScript 在浏览器中的执行与渲染机制展开,系统讲解 DOM 构建、CSSOM 解析、重排与重绘原理,以及关键渲染路径优化方法。内容涵盖事件循环机制、异步任务调度、资源加载优化、代码拆分与懒加载等性能优化策略。通过真实前端项目案例,帮助开发者理解浏览器底层工作原理,并掌握提升网页加载速度与交互体验的实用技巧。

23

2026.03.06

热门下载

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

精品课程

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

共58课时 | 5.8万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.3万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

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

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