理解 JavaScript 变量

介绍

JavaScript 中的

变量 就像存储数据的容器。把它们想象成厨房里贴有标签的罐子——有些装糖，有些装面粉，有些甚至装饼干！？它们使您的代码变得动态，并使您能够存储和操作信息。

⭐ 变量声明、初始化和命名约定
1️⃣ 声明
声明变量意味着创建它而不分配值。
？示例：

let name; // Declaration

2️⃣ 初始化
初始化变量意味着第一次给它赋值。
？示例：

let name = "Richa"; // Declaration + Initialization

也可以先声明后初始化：
？示例：

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

3️⃣ 命名约定
请遵循以下规则来有效地命名变量：

• 以字母、$ 或 _ 开头。 有效：userName、_temp、$amount 无效：123name、@value
• 避免保留关键字：无效：let var = 10; （不能使用 var 作为名称）
• 使用驼峰式命名法以提高可读性： 示例：firstName、totalCost
• 具有描述性：使用 userAge 或 ProductName 代替 x。

？示例：

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

⭐变量类型
JavaScript 提供了三种声明变量的方法：var、let 和 const。

1️⃣ var（老式）
作用域：函数作用域或全局作用域。
用法：由于其怪癖，在现代 JavaScript 中最好避免使用。
var 关键字在 2015 年之前在 JavaScript 中很流行。但是，由于其全局作用域和提升行为，现在不太推荐使用它。
？示例：

var stuff = "Toy";
var stuff = "Book"; // Re-declaration allowed (confusing behavior).
console.log(stuff); // Outputs: Book

使用var，你可以多次声明同一个变量。然而，这通常会导致错误和混乱的代码。
⁉️提升行为：
用 var 声明的变量被“提升”，这意味着您可以在声明它们之前使用它们。
？示例：

console.log(stuff); // Outputs: undefined
var stuff = "Toy";

此行为可能会导致意外问题，因此请避免依赖 var 进行变量声明。
？一个现实世界的例子

2️⃣ 让（灵活）
范围：块范围（仅限于声明的块）。
用法：当变量值需要改变时使用let。
？示例：

let jar = "Tomatos";
jar = "Spices"; // Allowed
console.log(jar); // Outputs: Spices

尝试重新声明 let 变量会抛出错误：
？示例：

let jar = "Tomatos";
let jar = "Spices"; // Error: Identifier 'jar' has already been declared

与 var 不同，用 let 声明的变量不会以相同的方式提升：
？示例：

let name; // Declaration

？现实世界的例子

3️⃣ const（不可变）
作用域：块作用域，如let
用法：对初始化后不应更改的值使用 const。
const 非常适合声明不应重新分配的常量或变量。
？示例：

let name = "Richa"; // Declaration + Initialization

声明 const 变量时必须对其进行初始化：
？示例：

let age; // Declaration
age = 25; // Initialization
console.log(age); // Outputs: 25

？现实世界的例子

探索变量的任务

这里有一些例子来测试您对变量的理解：

let userName = "John"; // Descriptive and camelCase
const MAX_USERS = 100; // Use uppercase for constants
let _tempValue = 42; // Valid use of underscore
let $price = 99.99; // Valid use of $

结论

掌握变量是编写干净高效的 JavaScript 代码的第一步。

• 尽可能使用 const 以保持稳定性。
• 仅当值需要更改时才使用 let。
• 避免使用 var 以防止难以调试的问题。

编码愉快！ ？

以上是理解 JavaScript 变量的详细内容。更多信息请关注PHP中文网其他相关文章！