JavaScript 中的临时死区 (TDZ) 和提升:

javascript 中的临时死区 (tdz) 和提升:

JavaScript 中的临时死区 (TDZ) 和提升:

临时死区(TDZ):临时死区是指进入作用域(如块或函数)和声明变量之间的时间段。在此区域中,任何访问变量的尝试都将导致引用错误。 TDZ 存在于初始化之前使用 let、const 和 class 声明的变量。

示例:

console.log(myVar); // 未定义
控制台.log(myLet); // ReferenceError: 初始化前无法访问 ‘myLet’

var myVar = 5;
让 myLet = 10;

在上面的示例中,myVar 是使用 var 声明的,因此它被提升并初始化为未定义。但 myLet 在声明之前一直处于临时死区,因此尝试在声明之前访问它会引发 ReferenceError。

TDZ 要点:

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

使用 let 或 const 声明的变量在块作用域内声明之前不可访问,即使它们被提升。

这可以防止在显式初始化变量之前使用变量。

提升:提升是指 JavaScript 中的行为,其中变量和函数声明在编译阶段移动到其作用域的顶部(全局作用域或函数/块作用域)。但是,仅提升声明,而不提升初始化。

示例:

console.log(myVar); // 未定义
var myVar = 5;

在上面的例子中,myVar的声明被提升到顶部,但它的初始化(myVar = 5)仍然保留在它被写入的地方。因此,当在初始化之前调用 console.log(myVar) 时,它会返回 undefined。

var、let、const 和函数的提升:

var:用 var 声明的变量会被提升并用 undefined 初始化。

console.log(myVar); // 未定义
var myVar = 10;

let 和 const:使用 let 和 const 声明的变量会被提升,但不会被初始化。它们保留在 TDZ 中直至初始化。

console.log(myLet); // 引用错误
让 myLet = 20;

函数声明:函数声明是完全提升的,这意味着您甚至可以在代码中声明函数之前调用该函数。

myFunc(); //“你好!”

函数 myFunc() {
console.log(“你好!”);
}

提升和 TDZ 之间的主要区别:

提升将变量和函数声明提升到其作用域的顶部。

let、const 和 class 会出现临时死区,其中变量被提升,但在初始化之前无法访问。这可以防止在声明之前访问变量。

以上就是JavaScript 中的临时死区 (TDZ) 和提升:的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1491543.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 14:03:16
下一篇 2025年12月19日 14:03:31

相关推荐

  • 为什么 `window.num` 返回 `undefined` 而 `num` 抛出 `ReferenceError`?

    js 中的 window 对象的特殊性 在 js 中,window 对象代表当前浏览器的窗口。它提供了全局作用域的访问权,允许开发者轻松访问全局变量和方法。然而,window 对象还有一个鲜为人知且令人困惑的特性:它可以访问不存在的属性。 为什么可以直接通过 window 对象访问不存在的属性? 让…

    2025年12月19日
    000
  • JavaScript 代码道德:编写干净、道德的代码

    在当今快节奏的开发世界中,快速交付解决方案至关重要。然而,在代码质量上偷工减料通常会导致错误、安全漏洞和不可维护的代码。代码道德在生成功能性代码和可维护、高效且安全的代码方面发挥着关键作用。让我们通过示例探讨 JavaScript 开发中的关键道德原则以及它们如何提高代码质量。 清晰胜过聪明道德原则…

    2025年12月19日
    000
  • JavaScript 函数参数与实参:传递的是值还是引用?

    函数参数与实参之间的关系:解开 javascript 中的奥秘 最近,关于 javascript 中函数参数和实参之间的关系的问题引发了许多讨论。为了深入了解这一概念,让我们考虑一个示例: const a = [1, 2, 3];function test(x) { console.log(x ==…

    2025年12月19日
    000
  • 《瑞克和莫蒂》和《Clossures》:这些东西有什么共同点?

    那么,你好吗?我希望如此! 我试图在 leetcode 中解决一些编程问题,在其中一个挑战中,我遇到了一个很多人都难以理解的编程中非常重要的概念。 所以我决定在这里写下尝试以最好的方式解释闭包如何在javascript中工作。跟我来吧! 问题 我正在研究一个名为“counter”的挑战,其中我需要创…

    2025年12月19日
    000
  • JavaScript 主题

    以下是每个 JavaScript 主题的简要说明: 变量和数据类型:变量存储数据值,JavaScript 支持多种数据类型,如字符串、数字、布尔值、数组和对象。 var、let 和 const 用于声明变量。 函数(箭头函数、函数表达式):函数是设计用于执行特定任务的代码块。箭头函数 (=>)…

    2025年12月19日
    000
  • 初学者使用 JavaScript 时常犯的错误

    javascript 是一种超级有趣的语言,但让我们面对现实吧,当您刚开始使用时,它可能会有点棘手。作为一个仍在摸索中的人,我也犯过不少错误!因此,我想分享初学者在使用 javascript 时经常犯的五个常见错误 – 希望这可以帮助您避免它们。 1. 忘记声明变量 您在 javascr…

    2025年12月19日
    000
  • js如何看变量

    查看 JavaScript 中变量值的便捷方法包括:1. 使用 console.log() 方法将变量值打印到控制台中;2. 使用 alert() 方法弹出带有变量值的模态窗口;3. 使用 debugger 关键字暂停代码执行并打开调试器;4. 使用浏览器的 DOM 检查器查看网页上运行的 Java…

    2025年12月19日
    000
  • JS如何引用JS方法

    在 JavaScript 中引用 JS 方法并直接调用的方法有:使用函数名直接调用;使用对象或类的方法引用符引用;使用回调函数;使用事件侦听器;使用 bind() 方法绑定对象。 如何在 JS 中引用 JS 方法 直接调用: 如果方法在当前作用域中可用,可以使用函数名直接调用它。例如: functi…

    2025年12月19日
    000
  • 页面如何引用js变量

    有五种方法可以在页面中引用 JavaScript 变量:1. 使用全局变量;2. 使用函数作用域变量;3. 使用块级作用域变量;4. 通过 HTML 元素引用;5. 通过 window 对象引用。 页面如何引用 JS 变量 在 Web 开发中,引用 JavaScript 变量是一个常见的任务。有几种…

    2025年12月19日
    000
  • 如何写出js代码

    要编写 JavaScript 代码,首先需要文本编辑器或 IDE,推荐 Notepad++、Atom 和 Visual Studio Code。JavaScript 遵循 C 语言风格的语法,使用花括号表示块,分号表示语句结束。变量用 var 声明,数据类型包括字符串、数字、布尔值、数组和对象。函数…

    2025年12月19日
    000
  • js如何理解变量

    JavaScript 中的变量是用于存储数据的容器,可以使用 var、let 或 const 声明和赋值,具有作用域范围,可以存储字符串、数字、布尔值、对象和数组等数据类型,用于存储信息并进行操作,遵循最佳实践可确保代码整洁和可维护性。 理解 JavaScript 中的变量 变量是编程中用于存储数据…

    2025年12月19日
    000
  • js 如何定义变量

    JavaScript 中有三种定义变量的方法:var(全局作用域)、let(块级作用域)和 const(常量)。变量可以存储数字、字符串、布尔值、数组、对象、函数、undefined 和 null 等各种数据类型。 JavaScript 变量定义 在 JavaScript 中,变量用于存储数据,并通…

    2025年12月19日
    000
  • js是如何编译的

    JavaScript 是一种解释执行的语言,但为了提升性能,许多 JavaScript 引擎会采用编译过程:解析代码为语法树 (AST)优化 AST,包括常量提升、死代码消除和内联函数代码生成,将优化后的 AST 转换为机器代码执行编译后的机器代码编译的优点包括更快执行和更小代码大小;缺点包括更长的…

    2025年12月19日
    000
  • js如何使用this

    在 JavaScript 中,this 关键字表示当前执行上下文中的对象。这将取决于函数的调用方式,包括以下规则:全局作用域:指向 window 对象。对象方法:指向调用该方法的对象。构造函数:指向新创建的对象。 this在JavaScript中的使用 引言this是JavaScript中一个重要的…

    2025年12月19日
    000
  • js如何断点

    如何使用 JavaScript 断点?通过在 Chrome DevTools 中设置断点可暂停 JavaScript 执行,从而检查变量和堆栈调用。开发者可按以下步骤进行操作:设置断点:将鼠标悬停在代码行上并单击空心圆圈。暂停执行:当执行流达到断点时,代码将暂停。检查变量:在 “Vari…

    2025年12月19日
    000
  • typescript属性和变量区别

    TypeScript 中的属性和变量都用于存储数据,但有不同的特性:属性定义:属性是类或接口的成员,用于存储特定实例的数据。变量定义:变量是在函数、方法或块中声明的本地存储单元。关键区别在于作用域、可见性和使用方式。属性作用域于整个类或接口,而变量作用域仅限于其声明的范围。属性可见性可以由 publ…

    2025年12月19日
    000
  • 理解 JavaScript 对象和函数中的“this”

    js 对象作用域中的 this 关键字 在 javascript 中,了解 this 关键字的内容、方式和位置可能是编写实际有效的代码和在编码时抓狂的区别。 这个关键字 在javascript中,这是一个关键字(保留字),也就是说,它不能用作变量名。 在 javascript 代码中,这用于表示范围…

    2025年12月19日
    000
  • 了解 JavaScript 中的提升:综合指南

    javascript 中的提升 提升是一种行为,其中变量和函数声明在之前被移动(或“提升”)到其包含范围(全局范围或函数范围)的顶部代码被执行。这意味着您可以在代码中实际声明变量和函数之前使用它们。 变量提升 变量 用 var 声明的变量被提升到其作用域的顶部,但它们的值直到代码中发生赋值的地方才会…

    2025年12月19日
    000
  • Javascript面试题讲解-异步行为

    javascript 使用 settimeout 的异步行为 介绍 在本文中,我们将探索一段引人入胜的 javascript 代码,它演示了该语言的异步特性,特别是闭包和 settimeout 函数如何协同工作。如果您曾经对循环输出意外结果的原因感到困惑,那么您来对地方了! 关键概念 在深入研究代码…

    2025年12月19日
    000
  • JavaScript 的有趣之处以及 TypeScript 如何让它变得更好

    javascript 是一种我们都喜欢的语言,对吧?它灵活、轻便,并且可以随处运行。但老实说,尽管它很伟大,但它可能很奇怪。那种奇怪的感觉会让你在看到一些不应该起作用的东西后质疑自己的理智。 在本文中,我们将探讨 javascript 中的一些怪癖 – 那些在您最意想不到的时候让您感到惊…

    2025年12月19日
    000

发表回复

登录后才能评论
关注微信