变量环境、变量提升和暂时性死区

JavaScript中的提升

在JavaScript中,“Hoisting”(提升)是一种特性,它将变量和函数的声明移动到作用域的顶部。这意味着可以在声明之前使用这些变量和函数,而不会报错。
当JavaScript代码执行时,会经过两个阶段:编译阶段和执行阶段。在编译阶段,JavaScript引擎会先处理所有变量和函数的声明,并将它们提升到作用域的顶部。然后,在执行阶段,代码按照顺序执行。
例如,考虑以下代码片段:

console.log(x); // undefined
var x = 5;

在这个例子中,变量x的声明和赋值语句是分开的。在编译阶段,变量x的声明被提升到作用域的顶部,所以在第一行的console.log语句中,x的值是undefined。然后,在执行阶段,变量x被赋值为5。
同样,函数的声明也会被提升。例如:

sayHello();function sayHello() {console.log("Hello!");
}

在这个例子中,函数sayHello的声明被提升到作用域的顶部。所以即使在函数声明之前调用sayHello函数,也不会报错。
需要注意的是,只有声明会被提升,而不是赋值或函数的实际定义。因此,在使用变量或函数之前,仍然需要先进行声明。
总之,Hoisting是JavaScript中的一种特性,可以让我们在声明之前使用变量和函数。但是需要理解它的原理和限制,以避免出现意外的行为。

在这里插入图片描述

Depends if using var or let/const:如果使用 var 关键字声明变量,变量会被提升到其作用域的顶部。这意味着变量的声明会在代码执行之前进行处理,但是变量的赋值操作会保留在原来的位置。这可能导致一些意想不到的结果,因为变量可以在其实际声明之前被访问到,但是其值为 undefined。
如果使用 let 或 const 关键字声明变量,变量不会被提升。它们只能在其实际声明之后才能被访问。这种行为被称为暂时死区(TDZ),在 TDZ 中,如果尝试访问变量,JavaScript 引擎会抛出一个错误。
所以,根据使用的关键字不同,变量环境和提升的行为也会有所不同。

暂时死区,let和const

暂时死区(TDZ)是指在 let 和 const 声明的变量在其声明之前无法被访问的特性。在 TDZ 中,如果在变量声明之前尝试访问该变量,JavaScript 引擎会抛出一个错误。这是为了强制开发者遵循最佳实践,避免在变量未初始化之前使用它们。
let 和 const 是 ES6 引入的新的声明变量的关键字。它们与 var 关键字的主要区别是,let 和 const 声明的变量具有块级作用域,并且不存在变量提升的问题。
使用 let 声明的变量可以被重新赋值,而使用 const 声明的变量则是一个常量,其值在声明后不能被修改。
这些特性使得 let 和 const 更加安全和可靠,同时也更符合现代 JavaScript 开发的最佳实践。
使它更容易避免和捕捉错误:在声明之前访问变量是不好的做法,应该避免;
在这里插入图片描述

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/163684.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

UI设计工具都哪些常用的,推荐这5款

对于UI设计师来说,日常工作无非是围绕“需求分析”→设计实施→“开发交付”这三个环节来进行。 然而,在每个环节中,设计师使用的工具却完全不同。在这里,我收集整理了UI设计师在日常工作中常用的五种工具,希望能为新…

SSM之spring注解式缓存redis

🏅我是默,一个在CSDN分享笔记的博主。📚📚 ​ 🌟在这里,我要推荐给大家我的专栏《Linux》。🎯🎯 🚀无论你是编程小白,还是有一定基础的程序员,这…

只需十分钟,快速入门Python3!

文章目录 前言1. 原始数据类型和运算符2. 变量和集合3. 流程控制和迭代器4. 函数5. 类6. 模块7. 高级用法关于Python技术储备一、Python所有方向的学习路线二、Python基础学习视频三、精品Python学习书籍四、Python工具包项目源码合集①Python工具包②Python实战案例③Python小…

物理场仿真教程(一)——Ubuntu下Salome_meca 软件安装

一、什么是Salome_meca ? Salome_meca 是一个开源的有限元分析软件套件,主要用于模拟和分析复杂的力学问题。它是 Salome 平台的一部分,Salome 是一个通用的集成化软件环境,用于建模、预处理、模拟和后处理各种复杂的工程和科学问…

游戏开发中的“御用中介“

点击上方亿元程序员关注和★星标 引言 大家好,我是亿元程序员,一位有着8年游戏行业经验的主程。 本系列是《和8年游戏主程一起学习设计模式》,让糟糕的代码在潜移默化中升华,欢迎大家关注分享收藏订阅。 游戏开发中的"御用…

即插即用篇 | YOLOv8 引入反向残差注意力模块 iRMB | 《ICCV 2023 最新论文》

论文地址:https://arxiv.org/abs/2301.01146 代码地址:https://github.com/zhangzjn/EMO 本论文着重于开发现代、高效、轻量级的模型,用于进行密集预测,同时在参数、FLOPs和性能之间进行权衡。倒置残差块(IRB)作为轻量级CNN的基础设施,但在基于注意力的研究中尚未找到对…

阿里云安全恶意程序检测(速通三)

阿里云安全恶意程序检测 特征工程进阶与方案优化pivot特征构建pivot特征pivot特征构建时间pivot特征构建细节特点 业务理解和结果分析结合模型理解业务多分类问题预测结果分析 特征工程进阶基于LightGBM模型验证模型结果分析模型测试 优化技巧与解决方案升级内存管理控制加速数…

学习c++的第十三天

目录 文件和流 打开文件 关闭文件 写入文件 读取文件 读取 & 写入实例 文件位置指针 异常处理 扩展知识 抛出异常 标准的异常 定义新的异常 文件和流 到目前为止,我们已经使用了 iostream 标准库,它提供了 cin 和 cout 方法分别用于从标…

【PyQt学习篇 · ⑪】:QPushButton和QCommandLinkButton的使用

文章目录 构造函数菜单设置扁平化默认处理右键菜单QCommandLinkButton的使用 构造函数 QPushButton的构造函数如下: """QPushButton(parent: Optional[QWidget] None)QPushButton(text: Optional[str], parent: Optional[QWidget] None)QPushButt…

Dart(一):Dart入门

Dart入门 Dart安装创建项目安装依赖(以http为例)依赖库查询地址添加依赖编写运行示例 dart常用命令引用核心库、自定义库、第三方库数据类型Numbers (int, double)Strings (String)Booleans (bool)Lists (List)Maps (Map)Sets (Set)Null (null)Records (…

什么是CCS Concepts

在撰写论文时,看到了CCS Concepts,注意这是对自己论文的分类,不能随便填写。 在ACM的网页"http://dl.acm.org/ccs/ccs.cfm"中选择自己论文的分类: 然后点击左侧的“Assign This CCS Concept”,再选择相关性…

Qt 4.8.6 的下载与安装

Qt 4.8.6 的下载与安装 Qt 4.8.6 的下载与安装下载并解压 MinGW 4.8.2Qt4.8.6 库的安装Qt Creator 3.3.0 的安装配置 Qt Creator测试 官方博客:https://www.yafeilinux.com/ Qt开源社区:https://www.qter.org/ Qt 4.8.6 的下载与安装 学习《Qt Creato…