JavaScript 是一种为网络提供支持的多功能编程语言，使开发人员能够创建交互式动态网站。 JavaScript 以及任何编程语言的核心概念之一是如何存储和操作数据。为了有效地构建 Web 应用程序，必须了解 JavaScript 中的变量 和 数据类型。

在本文中，我们将介绍什么是变量、如何声明它们，以及 JavaScript 支持存储和操作数据的各种数据类型。

JavaScript 中的变量

什么是变量？

JavaScript中的变量就像一个保存数据的容器。它允许您存储和检索可在整个程序中使用的值。将变量视为附加到值上的标签。一旦你给一个变量赋值，你就可以通过它的名字来引用它，而不是每次都直接使用这个值。

例如，您可以将其分配给一个变量，如下所示：

let name = "John";
console.log(name);  // Outputs: John

声明变量

在 JavaScript 中，可以使用 var、let 或 const 关键字来声明变量。

1. var

var 是 JavaScript 中声明变量的最古老的方式。然而，它在范围方面存在一些问题，这就是为什么现代 JavaScript 开发人员更喜欢使用 let 和 const。

var age = 30;
console.log(age);  // Outputs: 30

2. 让

let 是块作用域的，这意味着变量仅存在于定义它的块内（例如，在函数或循环内）。它是现代 JavaScript 中最常用的变量声明方式。

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

3. 常量

const 与let 类似，但用于声明值不会改变的变量。一旦将值分配给用 const 声明的变量，就不能重新分配。

const country = "USA";
console.log(country);  // Outputs: USA

// This will throw an error
// country = "Canada";  

命名变量

命名变量时，请记住以下规则：

• 变量名称可以包含字母、数字、下划线 (_) 和美元符号 ($)。
• 它们必须以字母、下划线或美元符号开头。
• 变量名称 区分大小写（例如，myVar 和 myvar 是不同的变量）。
• JavaScript 关键字（例如 var、let、if、function）不能用作变量名。

一个常见的约定是使用 camelCase 作为变量名称，例如 myVariableName.

JavaScript 中的数据类型

JavaScript 支持各种数据类型，它们指定变量可以保存的值的类型。数据类型分为两类：

• 原始数据类型
• 非原始（参考）数据类型

原始数据类型

原始数据类型是 JavaScript 中最基本的数据类型。它们包括：

1. 字符串

字符串用于表示文本数据。它们用引号括起来——单引号 (')、双引号 (") 或反引号 (`)。

let greeting = "Hello, World!";
let anotherGreeting = 'Hi there!';
console.log(greeting);  // Outputs: Hello, World!

2. 数字

数字数据类型表示整数和浮点数（即小数）。

let age = 25;       // Integer
let price = 99.99;  // Floating-point number

3. 布尔值

布尔值表示逻辑值——真或假。它们经常用于条件语句和比较。

let isLoggedIn = true;
let hasAccess = false;

4. 未定义

当声明变量但未赋值时，它会自动初始化为未定义的值。

let myVar;
console.log(myVar);  // Outputs: undefined

5. 空

null 表示显式为空或不存在的值。当您想要指示变量不应该有值时使用它。

let emptyValue = null;

6. 符号

符号是唯一且不可变的值，通常用于为对象创建唯一的属性键。虽然初学者不常用，但它们在高级应用程序中很有用。

let symbol1 = Symbol("description");

7. BigInt

BigInt 类型允许表示大于 Number 类型范围的整数。当处理非常大的整数时，它特别有用。

let bigNumber = BigInt(123456789012345678901234567890);

非原始（参考）数据类型

非原始数据类型存储更复杂的数据结构和对象。它们被称为引用类型，因为变量存储对实际数据的引用。

1. 对象

对象是键值对的集合。它们允许您将多个相关值存储为属性。

let person = {
  name: "John",
  age: 30,
  isStudent: false
};
console.log(person.name);  // Outputs: John

2. 数组

数组是值（元素）的有序集合。数组可以在一个变量中存储多个值，并且这些值可以是任何数据类型。

let fruits = ["Apple", "Banana", "Cherry"];
console.log(fruits[1]);  // Outputs: Banana

3. 函数

函数是设计用于执行特定任务的代码块。在 JavaScript 中，函数本身被视为对象，允许它们作为参数传递或存储在变量中。

function greet() {
  console.log("Hello!");
}
greet();  // Outputs: Hello!

类型强制和动态类型

JavaScript 是动态类型，这意味着你不需要显式声明变量的类型。 JavaScript 会根据分配的值自动推断类型。例如：

let variable = "Hello";  // variable is of type string
variable = 42;           // variable is now of type number

此外，JavaScript 执行类型强制，这意味着它会在必要时自动将值从一种类型转换为另一种类型。

console.log("5"   10);  // Outputs: "510" (String concatenation)
console.log("5" - 1);   // Outputs: 4 (Number subtraction)

在第一个示例中，JavaScript 将 10 强制转换为字符串并将其与“5”连接起来。在第二个示例中，“5”被强制转换为数字以进行减法。

结论

理解变量和数据类型是学习 JavaScript 的基本步骤。变量允许您在程序中存储和管理数据，而数据类型定义您正在使用的数据类型，从字符串到数字、布尔值等等。

随着您继续学习 JavaScript，您将经常使用变量并使用各种数据类型来构建交互式动态 Web 应用程序。通过掌握如何操作这些数据类型，您将能够编写更高效、更有效的代码。