讲师中心 微信公众号
AI工具推荐 视频效率加速

javascript中的变量提升_为什么let和const有所不同?

老强大大_8867

老强大大_8867

发布时间:2026-01-07 19:41:02

|

502人浏览过

|

来源于php中文网

原创

变量提升仅适用于var,其声明被提升但赋值不提升,访问未初始化的var变量返回undefined;let和const存在暂时性死区(TDZ),在声明前访问会抛出ReferenceError,且TDZ从块级作用域顶部开始生效,与代码是否执行到声明语句无关。

javascript中的变量提升_为什么let和const有所不同?

变量提升只发生在 var 声明上

JavaScript 引擎在执行代码前会先进行「词法分析」,对 var 声明的变量做「声明提升(hoisting)」:仅提升声明,不提升赋值。这意味着你能在声明前访问该变量,但值是 undefined。

而 let 和 const 虽然也存在声明提升,但它们被刻意设计为「暂时性死区(Temporal Dead Zone, TDZ)」——从块级作用域开始到实际声明语句之间,任何对该标识符的读写都会抛出 ReferenceError。

let/const 在声明前访问会报 ReferenceError

这是最常踩的坑:以为和 var 一样能“安全”读取,结果直接崩掉。

  • var a = 1; → 允许 console.log(a) 在声明前执行,输出 undefined
  • let b = 2; → console.log(b) 在声明前执行,抛出 ReferenceError: Cannot access 'b' before initialization
  • const c = 3; → 同样触发 ReferenceError,且不能重复赋值
console.log(a); // undefined
var a = 1;

console.log(b); // ReferenceError!
let b = 2;

TDZ 不是语法错误,而是运行时限制

引擎在解析阶段确实已记录 let/const 的声明,但故意禁用访问——这属于执行期检查,不是编译失败。所以:

Teleport tsh SSH (Identity-First SSH Access, no passwords/static keys)
Teleport tsh SSH (Identity-First SSH Access, no passwords/static keys)

使用tbot机器ID身份文件配合tsh CLI,通过Teleport访问控制SSH登录托管主机或执行远程命令。

下载

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

  • 静态工具(如 ESLint)可能无法提前捕获 TDZ 问题
  • 函数体内引用外部块中未声明的 let 变量,错误位置可能让人困惑
  • 条件块中声明 let,哪怕逻辑不会执行到那条语句,只要作用域内有声明,TDZ 就覆盖整个块顶部
if (false) {
  let x = 10;
}
console.log(x); // ReferenceError! 即使 if 没执行

const 并不意味着「值不可变」

const 只保证绑定不可重新赋值,不冻结值本身。这点常被误解,尤其对对象或数组:

  • const obj = { a: 1 }; → obj = {} 报错,但 obj.a = 2 合法
  • const arr = []; → arr.push(1) 合法,arr = [1] 报错
  • 如需真正不可变,得用 Object.freeze() 或结构克隆

TDZ 行为和 let 完全一致,区别仅在于赋值限制。

很多开发者调试时卡在「明明没执行到那行,为什么还报 ReferenceError?」——关键不在代码路径,而在作用域边界和 TDZ 的起始点。只要变量出现在块级作用域里,它的 TDZ 就从块开头开始,不管声明语句是否可达。

热门AI工具

更多
VibeKnow
VibeKnow Hot

一款AI视频创作工具,主要用于全球首个AI知识视频创作平台,文档、文章、网页,一键生成视频,适合需要提升相关任务效率的用户。

DeepSeek

DeepSeek是一款面向对话、写作、编程和推理场景的AI大模型工具。

二狗PPT
二狗PPT Hot

一款AI演示文稿工具,主要用于专为中式职场打造的AI PPT生成工具,适合需要提升相关任务效率的用户。

PixPix
PixPix Hot

PixPix是一款面向电商视觉生产的AI商品图生成工具。

WorkBuddy

一款AI办公效率工具,主要用于腾讯云推出的AI原生桌面智能体工作台,适合需要提升相关任务效率的用户。

豆包大模型

豆包大模型是一款由字节跳动推出的企业级大语言模型服务平台。

UpDream
UpDream Hot

一款AI视频创作工具,主要用于哔哩哔哩推出的自研AI视频创作工具,适合需要提升相关任务效率的用户。

立刻MV
立刻MV Hot

立刻MV是一款AI文本写作工具,AI 音乐视频(MV)创作工具。

UP简历
UP简历 Hot

一款AI办公效率工具,主要用于基于AI技术的免费在线简历制作工具,适合需要提升相关任务效率的用户。

相关专题

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

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

13200

2023.12.04

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

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

1043

2024.02.23

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

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

7630

2025.06.11

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

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

3002

2025.08.07

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

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

2098

2023.09.20

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

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

816

2023.08.08

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

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

5883

2024.05.29

undefined是什么
undefined是什么

undefined是代表一个值或变量不存在或未定义的状态。它可以作为默认值来判断一个变量是否已经被赋值,也可以用于设置默认参数值。尽管在不同的编程语言中,undefined可能具有不同的含义和用法,但理解undefined的概念可以帮助我们更好地理解和编写程序。本专题为大家提供undefined相关的各种文章、以及下载和课程。

11685

2023.07.31

C++虚函数怎么定义和调用
C++虚函数怎么定义和调用

C++虚函数是实现运行时多态的重要机制。本专题从virtual关键字的基本用法入手,介绍基类与派生类之间的函数重写、基类指针调用派生类方法,以及动态绑定的执行过程,帮助初学者掌握虚函数的核心语法。

0

2026.10.10

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WebStorm 官方调试文档
WebStorm 官方调试文档

共0课时 | 0人学习

React 教程
React 教程

共58课时 | 12.1万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 6.6万人学习

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

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn