JavaScript 中的变量提升与作用域

已于 2024-09-19 15:03:35 修改
阅读量1.6k 收藏 97
点赞数 129
文章标签： javascript 开发语言 前端
于 2024-05-15 15:31:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_52827996/article/details/138907332
版权
本文详细探讨了JavaScript中的变量提升（Hoisting）和作用域（Scope）概念，包括暂时性死区（Temporal Dead Zone, TDZ）、变量声明、块级作用域以及词法作用域。通过实例解析了不同声明方式的行为差异，强调了理解这些机制对于编写高效、健壮JavaScript代码的重要性。" 137415018,11319771,openGauss运维平台搭建与Linux HTTPS抓包解析,"['数据库运维', 'Linux系统管理', '网络安全', '数据管理', '软件部署']
摘要由CSDN通过智能技术生成

在这里插入图片描述

🔥 个人主页：空白诗

在这里插入图片描述

文章目录

一、引言

在深入探究JavaScript语言的核心机制时，理解变量提升(Hoisting)和作用域(Scope)的概念是每位开发者不可或缺的基础。这两个特性直接影响着代码的解析和执行。本文通过解析与实战示例，帮助你清晰地理解变量在JavaScript执行环境中的生命轨迹及可见范围，从而为构建更加健壮、高效的应用程序打下基础。

了解本专栏 订阅专栏 解锁全文 超级会员免费看
空白诗
关注
专栏目录
订阅专栏
重学JavaScript（基础）
weixin_60053942的博客
05-11 620
重新学习 JavaScript，巩固 JavaScript 知识，查漏补缺
详解JS中的TDZ（暂时性死区）
qq_43569680的博客
03-26 1788
TDZ（temporal dead zone）暂时性死区 来源： ES6 明确规定，如果区块中存在let和const命令，这个区块对这些命令声明的变量，从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量，就会报错。 只要块级作用域内存在let命令，它所声明的变量就“绑定”（binding）这个区域，不再受外部的影响。 ES6 规定暂时性死区和let、const语句不出现变量提升，主要是为了减少运行时错误，防止在变量声明前就使用这个变量，从而导致意料之外的行为。 暂时性死区的定义： 在代码块内，使
JS临时死区（TDZ）
userkang的博客
01-22 2281
临时死区（Temporal Dead Zone），简写为 TDZ。 let 和 const 声明的变量不会被提升到作用域顶部，如果在声明前访问这些变量，会导致错误： console.log(typeof value) // ReferenceError: value is not defined let value = 1 这是因为 JavaScript 引擎在扫描代码发现变量声明时，要么将他们...
JS中的TDZ理解
scwMason的博客
12-03 1560
原文链接：https://acrens.github.io/2017/01/22/2017-01-22-TDZ/ 示例 案例一 代码 let y = 1; function foo(x = y, y) { console.log(x); } foo(); // ReferenceError: y is not defined 解读 当函...
JS 中 TDZ 的理解
weixin_34283445的博客
01-22 346
原文链接：https://acrens.github.io/2017/01/22/2017-01-22-TDZ/春节快到了，假期也快到了，空闲之余刷个微博，看见 @ruanyf 提出了一个问题与 TDZ 有关，但是貌似阮大当时还没有意识到这个问题，多亏一些其他业内同仁提出了与 TDZ 相关；当然，以阮大的能力这都不是事。由于当时我本身也还...
JS---对var,let变量提升和暂时性死区（TDZ）的理解
前端与计算机相关知识的分享，博主的qq523235674
11-06 488
1、我们要逐渐放弃var声明语法，改用let,const声明的语法2、变量必须声明后再进行访问（解决暂时性死区问题）
关于JavaScript中var声明变量作用域的推断
12-10
一、迷思！由一段代码引发的疑惑 请看如下代码： 代码如下: for... 如果JavaScript中用var声明的变量可视为局部变量，那么能访问到这个变量的作用域就是这个变量的局部作用域。如上例，在console.log行处，依然有j、k
javascript中的变量作用域以及变量提升详细介绍
10-26
在JavaScript编程中，变量作用域与变量提升是两个基础且重要的概念。理解这些概念对于编写有效且安全的代码至关重要。下面将详细介绍这两个概念及其相关知识点。 首先，我们需要了解什么是变量作用域。变量作用域...
深入理解Javascript作用域与变量提升
10-26
Javascript作用域和变量提升是该语言中的核心概念之一，初学者经常对这些概念感到困惑。在深入讨论这些主题之前，我们需要理解什么是作用域（Scope）和变量提升（Hoisting）。 作用域是指变量在特定区域内是否可见...
简单谈谈javascript中的变量、作用域和内存问题
10-23
3. 作用域和变量提升：在JavaScript早期版本中，使用var声明的变量具有函数作用域或全局作用域，并且存在变量提升（hoisting）现象。变量提升意味着变量声明会被提升到函数或全局作用域的顶部，但初始化不会被提升。...
理解JavaScriptES6中的TDZ（暂时性死区）
qq_45839045的博客
03-12 694
什么是TDZ Temporal Dead Zone(TDZ)是ES6中对作用域新的专用语义。TDZ名词并没有明确地写在ES6的标准文件中，一开始是出现在ES Discussion讨论区中，是对于某些遇到在区块作用域绑定早于声明语句时的状况时，所使用的专用术语。 let/const和var的区别 在ES6之前，JS的只有两种作用域，全局作用域和函数作用域，但是在ES6种出现了块级作用域，即使用let/const可以定义块级作用域。 那么在ES6的新特性中，最容易看到TDZ作用的就是使用let/const的使用
ES6学习——新的语法：Temporal Dead Zone（TDZ）
Challenge Next Challenge
12-22 1896
应该说TDZ在JS中是一个比较新的概念，在规范里我也没有搜到对这个概念的具体定义，主要涉及let/const，函数参数默认值，subclass等的使用中。 （一）下面先看let/const中的TDZ问题，规范中这样写到： 13.3 let and const declarations define variables that are scoped to the running exe
ES6暂时性死区（简称TDZ）
PengHao__的博客
11-16 499
直接上代码： var temp = 20; if(true){ temp = "abc"; let temp; } 执行结果是浏览器报错。 出现该问题的原因是：在if的大括号“{}”内的块级作用域中出现了let定义了temp变量，在该作用域内let定义temp之前该变量都是不可用的。 这种现象被称为暂时性死区，简称（TDZ）。 ...
JS 中 var 和 let 的区别小结
葛炳生
07-19 4599
let 和 const 是 ES6 中新增的声明对象的类型。 与 var 相比，let 和 const 不存在变量提升。变量提升，指的是在变量声明之前就可以使用，只是，在声明之前，变量的值为undefined。var 声明的变量，在全局范围内都有效，而 let 声明的变量，只在 let 所在的作用域内有效。如以下 for 循环： for(var i = 0; i < 10; i++) ...
【JAVA开源】基于Vue和SpringBoot的高校学科竞赛平台
杨荧的CSDN博客
10-10 956
教师功能有个人中心，题目类型管理，竞赛题库管理，竞赛类型管理，竞赛信息管理，报名信息管理，竞赛评分管理，参赛名单管理，晋级名单管理，获奖名单管理，竞赛总结管理，报销清单管理，成绩申诉管理，参赛信息管理，参赛信息管理，往年成绩管理，获奖情况管理。
React中的refs是什么？
最新发布
Front end development engineer
10-10 140
React 的众多优点之一是它抽象了处理真实 DOM 的复杂性。现在，我们无需手动查询元素、绞尽脑汁思考如何为这些元素添加类又或者是添加样式等，也无需为浏览器兼容性而苦恼，只需编写组件并专注于用户体验即可。然而，仍然有一些情况（虽然很少！）我们需要访问实际的 DOM。而当涉及到实际的 DOM 时，最重要的是要理解并学习如何正确使用 ref 以及 ref 周围的一切。
解释器、预处理、main函数
编程语言技巧经验分享
10-07 1232
解释器覆盖范围很广，不管是解释语言的运行时解释翻译器，还是操作系统自带脚本的解释器。
Vue--Table的Column格式化方案
m0_69435612的博客
10-04 288
原日期格式：2024-09-07T08:32:41.000+00:00。格式化成YYYY-MM-DD。让数字显示小数点后几位。
vue-live2d看板娘集成方案设计使用教程
每个人都是独一无二的，把握好自己的节奏，跟着自己的心走。
10-05 1462
vue-live2d看板娘集成方案设计使用教程
评论 109
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

空白诗

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值