JavaScript 是一种动态类型语言，这意味着变量的类型是在运行时确定的，而不是在编译时。JavaScript 提供了多种数据类型，用于存储不同类型的数据。本文将详细介绍 JavaScript 中的基本数据类型和复杂数据类型，以及它们的使用方法和注意事项。

一、基本数据类型

基本数据类型（也称为原始数据类型）是不可变的，即它们的值在创建后不能改变（尽管对于字符串和数字来说，可以通过操作来生成新的字符串或数字）。

1、undefined

表示变量已声明但未赋值。

默认值：当函数没有返回值时，默认返回 undefined。

let undefinedVar;

console.log(undefinedVar); // 输出: undefined

2、null

表示空值或不存在的值。

是 Object 类型的一个特殊值，表示一个空对象引用。

let nullVar = null;

console.log(nullVar); // 输出: null

3、Boolean

表示逻辑值：true 或 false。

let isTrue = true;

let isFalse = false;

4、Number

表示整数和浮点数。

特殊的数值：NaN（Not-a-Number，非数字值）、Infinity（正无穷大）和 -Infinity（负无穷大）。

let integer = 42;

let float = 3.14;

let nan = NaN;

let infinity = Infinity;

5、String

表示文本数据。

可以使用单引号（'）、双引号（"）或反引号（`\）括起来。反引号用于创建模板字符串，可以包含变量和表达式。

let singleQuote = 'Hello';

let doubleQuote = "World";

let templateString = `Hello, ${name}!`; // 假设 name 是一个已声明的变量

6、Symbol

ES6 引入的新数据类型，用于创建唯一的标识符。

使用 Symbol() 函数创建。

let sym = Symbol('description');

7、BigInt

ES11 引入的，用于表示任意精度的整数。

使用 n 后缀或在数字前加上 BigInt() 函数来创建。

let bigIntNum = 9007199254740991n;

let anotherBigInt = BigInt(9007199254740991);

二、复杂数据类型

复杂数据类型（也称为引用数据类型）是可变的，并且通常用于存储多个值或更复杂的数据结构。

1、Object

用于存储键值对和更复杂的实体。

可以是普通的对象字面量、数组、函数、日期等。

let obj = {

key: 'value'

};

let arr = [1, 2, 3];

function myFunction() {

console.log('Hello, World!');

}

let date = new Date();

2、数组（Array）：

特殊的对象类型，用于存储有序的元素集合。

- 可以使用索引来访问元素。

- 包含许多内置方法，如 `push`、`pop`、`map`、`filter` 等。

let fruits = ['Apple', 'Banana', 'Cherry'];

fruits.push('Date'); // 添加新元素

console.log(fruits[3]); // 输出: Date

3、函数（Function）：

特殊的对象类型，用于执行代码块。

- 可以作为值传递、赋值给变量或存储在数组中。

- 具有自己的作用域和上下文。

function greet(name) {

return `Hello, ${name}!`;

}

let greetFunc = greet;

console.log(greetFunc('Alice')); // 输出: Hello, Alice!

三、类型转换

JavaScript 在运算过程中会进行隐式类型转换（也称为强制类型转换），以便能够正确地处理不同类型的值。但有时候，你可能需要显式地进行类型转换，以确保代码的准确性和可读性。

字符串转换：使用 String() 函数或 .toString() 方法。

数字转换：使用 Number() 函数、parseInt() 或 parseFloat() 函数。

布尔转换：使用 Boolean() 函数或在条件语句中直接判断。

let num = 42;

let str = String(num); // 显式转换为字符串

let bool = Boolean(str); // 显式转换为布尔值

let implicitBool = !!str; // 另一种布尔转换的快捷方式

四、最佳实践

1、明确数据类型：在声明变量时尽量明确其数据类型，以减少隐式类型转换带来的问题。

2、使用严格相等（===）：比较值时尽量使用严格相等运算符，以避免类型转换带来的意外结果。

3、避免全局变量：尽量使用局部变量或模块作用域来避免全局命名冲突。

4、初始化变量：在声明变量时尽量进行初始化，以避免 undefined 值带来的潜在问题。

五、总结

JavaScript 提供了丰富的数据类型，用于存储和处理不同类型的数据。通过了解这些数据类型的特点和使用方法，你可以编写出更加健壮、可读和高效的代码。记住最佳实践，并努力将这些原则应用到你的日常编程中。

本文地址：https://www.tides.cn/p_js-data-type