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

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

冬雪酱_8466

冬雪酱_8466

发布时间:2024-08-31 09:03:53

|

996人浏览过

|

来源于dev.to

转载

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 文档。

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

热门AI工具

更多
豆包大模型

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

WorkBuddy

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

墨刀AI
墨刀AI Hot

一款AI图像与设计工具,主要用于产品经理的专属智能体,适合需要提升相关任务效率的用户。

花生AI
花生AI Hot

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

Atoms
Atoms Hot

Atoms是一款AI智能体工具,第一支自动构建真实业务的 AI 团队。

切问学术

切问学术是一款AI论文写作工具,复旦大学NLP团队推出的AI学术智能体。

讯飞智作

讯飞智作是一款AI视频创作工具,AI文本配音工具,数字人课程、营销视频制作。

DeepSeek

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

AionClaw
AionClaw Hot

AionClaw是一款面向办公、创作和编程任务的AI桌面智能体。

相关专题

更多
java基础知识汇总
java基础知识汇总

java基础知识有Java的历史和特点、Java的开发环境、Java的基本数据类型、变量和常量、运算符和表达式、控制语句、数组和字符串等等知识点。想要知道更多关于java基础知识的朋友,请阅读本专题下面的的有关文章,欢迎大家来php中文网学习。

6224

2023.10.24

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

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

2318

2023.09.20

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

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

896

2023.08.08

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

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

6663

2024.05.29

Vite 项目如何打包和部署
Vite 项目如何打包和部署

Vite项目打包部署专题汇集生产构建、产物预览、输出目录、资源路径、Nginx与GitHub Pages部署及常见白屏和路由404问题的已审核文章,帮助读者完成上线流程。

60

2026.10.28

Vite 如何搭配 Vue.js
Vite 如何搭配 Vue.js

Vite搭配Vue.js专题汇集创建Vue 3项目、配置开发环境、路径别名、Vue插件、代理、多环境构建与调试的已审核文章,帮助读者完成从初始化到日常开发的配置。

40

2026.10.28

Vite 项目目录怎么看
Vite 项目目录怎么看

Vite项目目录专题汇集入口文件、src源码、public静态资源、路径别名、项目根目录和构建输出目录相关的已审核文章,帮助读者理解各文件夹的用途与引用方式。

120

2026.10.28

Gradle插件开发入门教程
Gradle插件开发入门教程

本专题介绍Gradle插件开发的基本流程,涵盖插件类编写、自定义任务注册、扩展参数设计和插件应用方法,帮助你理解插件如何组织构建逻辑,减少多个项目之间的重复配置。

140

2026.10.22

Gradle Wrapper配置教程
Gradle Wrapper配置教程

本专题介绍Gradle Wrapper的基本作用,涵盖文件组成、生成方法、版本配置和任务调用,帮助你理解项目如何使用指定的Gradle版本,减少不同开发环境带来的构建差异。

120

2026.10.22

热门下载

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

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
Qt Creator 快速入门文档
Qt Creator 快速入门文档

共0课时 | 0人学习

OpenClaw
OpenClaw

共0课时 | 0人学习

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

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