JavaScript 中的日变量:通过实际示例了解 `const`、`let` 和 `var`

javascript 中的日变量:通过实际示例了解 `const`、`let` 和 `var`

当您使用 javascript 时,您首先要学习的事情之一就是如何声明变量。变量就像存储信息的容器,例如数字、文本甚至复杂数据。在 javascript 中,声明变量有三种方式:const、let 和 var。其中每一个都有自己的规则和最佳实践,一开始可能会有点令人困惑。在这篇文章中,我们将通过简单的示例对其进行分解,以帮助您了解何时以及如何使用每个示例。

示例代码

让我们从一段简单的代码开始:

`javascript
const accountid = 14423;
var accountemail = “aman@google.com”;
让 accountpassword = “12345”;
accountcity = “贾姆谢德布尔”;
让 accountroll;

// accountid = 13242; // 不允许 – 将抛出错误

console.table([accountemail, accountid, accountroll, accountpassword]);
`

理解常量

我们声明的第一个变量是使用 const 的 accountid。当您想要声明一个其值永远不会改变的变量时,可以使用 const 关键字。一旦将值分配给 const 变量,就无法将其重新分配给其他变量。例如:

const accountid = 14423;accountid = 13242; // this will throw an error!

在上面的示例中,尝试重新分配 accountid 将导致错误,因为 const 变量在初始分配后是不可变的。

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

const 要点:

无法重新分配:一旦将值分配给 const 变量,就无法更改。作用域 变量只能在声明它的块内访问(例如,在 {} 内)。

理解让

接下来,我们使用 let 声明 accountpassword。当您想要声明一个其值稍后可能会更改的变量时,请使用 let 关键字。与 const 不同,您可以重新分配 let 变量:

let accountpassword = "12345";accountpassword = "67890"; // this is perfectly fine!

但是,与 const 一样,let 也是块作用域的,这意味着它只能在声明它的块内访问。

let 要点:

可以重新赋值:在赋值后,您可以更改 let 变量的值。块作用域:变量只能在声明它的块内访问。

理解变量

最后,我们来谈谈 var,这就是我们声明 accountemail 的方式。 var 是 javascript 中声明变量的旧方法。与 let 和 const 相比,它有一些关键区别:

var accountemail = "aman@google.com";var accountemail = "john@google.com"; // this is allowed!

如您所见,与 let 和 const 不同,您可以在同一范围内重新声明 var 变量,而不会出现任何错误。这有时会导致错误和意外行为,这就是许多开发人员更喜欢 let 和 const 的原因。

关于 var 的要点:

可以重新赋值和重新声明:您可以更改值,甚至可以重新声明 var 变量。函数作用域: 与块作用域的 let 和 const 不同,var 是函数作用域。这意味着它可以在声明的函数内访问,但不限于块。

快速比较

以下是总结差异的快速比较:

{    var x = 10;    var x = 20; // allowed, no error    let y = 10;    let y = 20; // not allowed, will throw a syntax error}

实际示例:使用console.table

在代码末尾,我们使用 console.table 以简洁的表格格式显示变量的值:

console.table([accountEmail, accountId, accountRoll, accountPassword]);

这会输出一个表,其中包含 accountemail、accountid、accountroll 和 accountpassword 的当前值。这是在调试或检查工作时可视化变量的便捷方法。

结论

理解 const、let 和 var 之间的差异对于编写干净、无错误的 javascript 代码至关重要。快速回顾一下:

当您希望变量保持常量时,请使用 const。当你期望变量的值改变时使用let。避免使用 var,除非您有特定原因使用它(由于其函数范围的行为)。

通过掌握这三个关键字,您将能够编写更可靠且可维护的 javascript 代码。如需更详细的信息,您可以随时参考 mdn 文档。

祝您编码愉快,下一篇见!

以上就是JavaScript 中的日变量:通过实际示例了解 `const`、`let` 和 `var`的详细内容,更多请关注创想鸟其它相关文章!

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

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月19日 13:35:26
下一篇 2025年12月19日 13:35:35

相关推荐

  • 为什么 `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

发表回复

登录后才能评论
关注微信