JavaScript 变量：let、const 和 var

JavaScript 简化：掌握交互式 Web 开发的初学者指南

第 4 篇文章（共 30 篇）：了解 JavaScript 中的变量

在这篇文章中，我们将探讨什么是变量、如何声明它们以及它们如何在 JavaScript 中工作。

---

什么是变量？

变量是 JavaScript 中存储值的一种方式，以便我们以后可以使用它。将变量想象成一个带标签的盒子，您可以在其中保存内容并在需要时检索它们。

例如，您可以将其存储在变量中并在任何地方使用，而不是在代码中多次编写“John”。

---

在 JavaScript 中声明变量

JavaScript 提供了三种声明变量的方式：

• var（旧方法，不推荐）
• let （现代且推荐用于可变值）
• const（对于不应更改的值）

1.使用let（推荐）

let name = "John";
console.log(name);

输出：

John

在这里，我们：

• 创建了一个名为 name 的变量
• 为其分配值“John”
• 使用console.log()打印name的值

2.使用 const （对于常量值）

const PI = 3.1416;
console.log(PI);

输出：

3.1416

• const 用于不应更改的值。
• 分配后，您无法重新为 PI 分配新值。

3.使用 var（旧方法 - 避免使用）

var age = 25;
console.log(age);

输出：

25

• var 通常在 let 和 const 之前使用，但它有作用域问题，所以使用 let 或 const 来代替。

---

更改变量值

使用let，你可以改变变量的值，但使用const，你不能。

let 示例：

let city = "New York";
console.log(city); // Output: New York

city = "Los Angeles"; // Changing the value
console.log(city); // Output: Los Angeles

const 示例（这会导致错误）

const country = "USA";
console.log(country);

country = "Canada"; // ❌ This will cause an error
console.log(country);

错误：未捕获类型错误：分配给常量变量。

---

变量命名规则

命名变量时，请遵循以下规则：

✔️ 可以包含字母、数字、$ 和 _

✔️ 必须以字母、$ 或 _（不是数字）

开头 ✔️区分大小写（名字和Name不同）

✔️ 不能是保留关键字（如let、console、function等）

有效变量名称示例：

let name = "John";
console.log(name);

无效变量名称示例：

John

---

实践练习：存储和更改值

在 script.js 文件中尝试一下：

const PI = 3.1416;
console.log(PI);

预期输出：

3.1416

---

后续步骤

现在我们了解了变量的工作原理，下一步是探索 JavaScript 中的数据类型 - 包括数字、字符串、布尔值等等！

敬请期待下一篇文章！ ？

---

专业提示：

？当你期望值改变时使用 let。

？当值应该保持不变时使用 const。

？除非您特别需要，否则避免使用 var。

在 LinkedIn 上关注我 - Ridoy Hasan
访问我的网站 - Ridoyweb
*访问我的代理网站*- webention digital

以上是JavaScript 变量：let、const 和 var的详细内容。更多信息请关注PHP中文网其他相关文章！