07 JavaScript学习：变量

JavaScript 变量规则

在 JavaScript 中，变量是用于存储数据值的标识符。在声明变量时，需要遵循一些规则，以确保代码的正确性和可维护性。以下是 JavaScript 变量的规则：

1. 变量名称必须以字母、下划线（_）或美元. 变量名称可以包含字母、数字、下划线或美元符号。
2. 变量名称区分大小写，即 myVar 和 myvar 是两个不同的变量。
3. 变量名称不能使用 JavaScript 的保留关键字作为变量名，如 var、function、if 等。
4. 变量名称应该具有描述性，能够清晰表达变量的用途和含义。
5. 变量名称应该使用驼峰命名法（camelCase）或下划线命名法（snake_case）来命名，以提高代码的可读性。

示例：

var myVariable; // 合法的变量名
var _myVar; // 合法的变量名
var $var; // 合法的变量名

var 1var; // 非法的变量名，不能以数字开头
var var; // 非法的变量名，关键字不能作为变量名

遵循这些变量命名规则可以帮助代码保持一致性和可读性，使代码更易于理解和维时，建议遵循这些规则来命名变量，以提高代码的质量和可维护性。

JavaScript 数据类型

在 JavaScript 中，常见的数据类型包括以下几种：

1. 字符串（String）：用于表示文本数据，可以使用单引号或双引号来定义字符串。例如：“Hello, World!”。
2. 数字（Number）：用于表示数值，包括整数和浮点数。例如：10, 3.14。
3. 布尔值（Boolean）：用于表示逻辑值，只有两个取值：true（真）和false（假）。
4. 数组（Array）：用于存储多个值的有序集合，可以通过索引访问数组中的元素。例如：[1, 2, 3, 4, 5]。
5. 对象（Object）：用于存储键值对的集合，每个键值对称为对象的属性。例如：{name: “Alice”, age: 30}。
6. 空值（Null）：表示一个空值或者不存在的值。
7. 未定义（Undefined）：表示一个未赋值的变量或者属性。
8. 函数（Function）：用于封装可重复使用的代码块。

这些是 JavaScript 中常见的数据类型，了解它们有助于更好地理解和操作 JavaScript 代码。除了上述数据类型外，JavaScript 还有一些其他数据类型，如 Symbol 和 BigInt，它们在特定的场景下使用。

声明（创建） JavaScript 变量

在 JavaScript 中，可以使用关键字 var、let 或 const 来声明（创建）变量。以下是三种方式声明 JavaScript 变量的示例：

1. 使用 var 关键字：

var x = 10;
var name = "Alice";

2. 使用 let 关键字（ES6 新增）：

let y = 20;
let age = 30;

3. 使用 const 关键字（ES6 新增，用于声明常量）：

const PI = 3.14;
const url = "https://www.example.com";

在上面的示例中，通过关键字 var、let 或 const 来声明变量，并赋予变量一个值。值可以是任何数据类型，如数字、字符串、布尔值等。使用 var 声明的变量在整个函数内都是可见的，而使用 let 或 const 声明的变量只在声明的块级作用域内可见。使用 const 声明的变量是常量，其值不能被修改。

在实际开发中，建议使用 let 或 const 来声明变量，避免使用 var，以提高代码的可读性和可维护性。

一条语句，多个变量

在 JavaScript 中，可以使用一条语句声明多个变量，每个变量之间使用逗号分隔。例如：

var x = 10, y = 20, z = 30;

在上面的示例中，一条语句声明了三个变量 x、y 和 z，并分别赋予它们值 10、20 和 30。这样可以简化代码，提高代码的可读性。同时，也可以在一条语句中声明多个变量并给它们赋予相同的值，例如：

var a = b = c = 100;

在上面的示例中，变量 a、b 和 c 都被赋予了相同的值 100。这种方式也是有效的简化代码的方法。

undefined和null

在 JavaScript 中，undefined 和 null 都是表示空值或未赋值的特殊值，但它们之间有一些区别。

1. undefined：

• undefined 是一个数据类型，表示一个变量已声明但未赋值，或者一个属性存在但没有赋值。
• 当声明一个变量但没有赋予初始值时，该变量的值为 undefined。
• 例如：

var x;
console.log(x); // 输出 undefined

1. null：

• null 也是一个数据类型，表示一个变量或对象的值为空。
• 通常用来显式地表示一个变量或对象不包含任何值。
• 例如：

var y = null;
console.log(y); // 输出 null

总结：

• undefined 表示未定义或未赋值，通常是变量声明但未初始化的状态。
• null 表示空值，通常是对对象或变量进行初始化为一个空值。

在实际开发中，undefined 和 null 可能会在不同的场景下使用，需要根据具体情况来选择使用哪种表示空值的方式。

重新声明 JavaScript 变量

在 JavaScript 中，如果使用 var 关键字声明一个已经存在的变量，不会导致变量被重新声明，而是会被忽略。这意味着变量的值不会被重置，也不会导致任何错误。例如：

var x = 10;
var x = 20; // 不会报错，x 的值将变为 20
console.log(x); // 输出 20

然而，如果使用 let 或 const 关键字声明一个已经存在的变量，会导致变量被重新声明，并且会抛出一个错误。这是因为在使用 let 或 const 声明变量时，变量不能被重复声明。例如：

let y = 30;
let y = 40; // 抛出错误：SyntaxError: Identifier 'y' has already been declared

因此，在使用 let 或 const 声明变量时，需要确保变量不会被重复声明。如果需要重新赋值一个已存在的变量，可以直接赋予新的值而不需要重新声明变量。

JavaScript 算数运算

在 JavaScript 中，可以使用算术运算符进行数学运算。常见的算术运算符包括：

1. 加法运算符（+）：用于相加两个数值。

var sum = 10 + 5; // sum 的值为 15

1. 减法运算符（-）：用于相减两个数值。

var difference = 10 - ```

1. 乘法运算符（*）：用于相乘两个数值。

var product = 10 * 5; // product 的值为 50

1. 除法运算符（/）：用于相除两个数值。

var quotient = 10 / 5; // quotient 的值为 2

1. 取模运算符（%）：用数。

var remainder = 10 % 3; // remainder 的值为 1（10 除以 3 的余数）

1. 递增运算符（++）：用于将变量的值增加 1。

var x = 5;
x++; // x 的值现在为 6
``量的值减少 1。
```javascript
var y = 10;
y--; // y 的值现在为 9

这些算术运算符可以用于数学运算，可以直接对数值进行操作，也可以与变量一起使用。在实际开发中，可以根据需要使用不同的算术运算符来完成数学计算。

使用 let 和 const (ES6)

在 ES6（ECMAScript 2015）中引入了 let 和 const 关键字，用于声明变量和常量。这两个关键字与传统的 var 关键字有一些区别，主要在于作用域和可变性方面。

1. let：

• let 关键字用于声明一个块级作用域的变量，该变量只在声明的块级作用域内可见。
• 可以重新赋值，但不可重复声明。
• 例如：

let x = 10;
x = 20; // 可以重新赋值
{
    let y = 30;
}
console.log(x); // 输出 20
console.log(y); // 抛出错误，y 不在作用域内

1. const：

• const 关键字用于声明一个常量，其值在声明后不能被修改。
• 必须在声明时初始化，且不可重新赋值或重复声明。
• 例如：

const PI = 3.14;
PI = 3.14159; // 抛出错误，常量不可重新赋值
const url; // 抛出错误，常量必须初始化

使用 let 和 const 可以提高代码的可读性和可维护性，避免了 var 带来的一些问题，如变量提升和作用域问题。在现代的 JavaScript 开发中，推荐优先使用 let 和 const 来声明变量和常量。

关注我，不迷路，共学习，同进步

关注我，不迷路，共学习，同进步