TypeScript 基础类型与变量：基本数据类型（number, string, boolean）

TypeScript 是一种强类型的编程语言，它在 JavaScript 的基础上增加了类型系统。理解 TypeScript 的基本数据类型是掌握这门语言的第一步。在本节中，我们将详细探讨 TypeScript 中的三种基本数据类型：number、string 和 boolean。我们将讨论它们的定义、用法、优缺点以及注意事项，并通过丰富的示例代码来加深理解。

1. 基本数据类型概述

在 TypeScript 中，基本数据类型是构成其他复杂数据类型的基础。TypeScript 提供了以下三种基本数据类型：

number：用于表示数字，包括整数和浮点数。
string：用于表示文本数据。
boolean：用于表示逻辑值，只有两个可能的值：true 和 false。

1.1 Number

定义与用法

在 TypeScript 中，number 类型用于表示所有数字，包括整数和浮点数。与 JavaScript 一样，TypeScript 中的 number 类型没有区分整数和浮点数。

let age: number = 30; // 整数
let price: number = 19.99; // 浮点数
let hex: number = 0xFF; // 十六进制数
let binary: number = 0b1010; // 二进制数
let octal: number = 0o744; // 八进制数

优点

统一性：number 类型可以表示所有数字，简化了数字处理。
灵活性：支持多种进制表示法（十进制、十六进制、二进制、八进制）。

缺点

精度问题：在处理非常大的数字或浮点数时，可能会出现精度丢失的问题。
性能：在某些情况下，数字运算可能会比其他类型的运算更慢。

注意事项

在进行浮点数运算时，需注意精度问题。例如，0.1 + 0.2 的结果并不是 0.3，而是 0.30000000000000004。
使用 Number.isNaN() 来判断一个值是否为 NaN，而不是直接使用 isNaN() 函数。

1.2 String

定义与用法

string 类型用于表示文本数据。在 TypeScript 中，字符串可以用单引号、双引号或反引号（模板字符串）来定义。

let firstName: string = "John";
let lastName: string = 'Doe';
let fullName: string = `${firstName} ${lastName}`; // 使用模板字符串

优点

可读性：字符串的表示方式直观，易于理解。
模板字符串：支持多行字符串和字符串插值，增强了字符串的灵活性。

缺点

不可变性：字符串是不可变的，每次修改字符串都会生成一个新的字符串对象。
性能：在频繁拼接字符串的情况下，可能会影响性能。

注意事项

使用模板字符串时，确保使用反引号（`）而不是单引号或双引号。
在处理字符串时，注意字符编码问题，尤其是在国际化应用中。

1.3 Boolean

定义与用法

boolean 类型用于表示逻辑值，只有两个可能的值：true 和 false。布尔值通常用于条件判断和控制流。

let isActive: boolean = true;
let isLoggedIn: boolean = false;

if (isActive) {
    console.log("User is active.");
} else {
    console.log("User is inactive.");
}

优点

简洁性：布尔值的表示非常简单，易于理解。
逻辑运算：可以与其他布尔值进行逻辑运算（如与、或、非），便于控制程序流。

缺点

有限性：布尔值只有两个状态，可能无法表达更复杂的状态。
类型转换：在某些情况下，其他类型（如数字和字符串）会被隐式转换为布尔值，可能导致意外的结果。

注意事项

在条件判断中，避免使用非布尔值（如数字或字符串）来进行判断，以免引起混淆。
使用 === 和 !== 进行严格比较，避免类型转换带来的问题。

2. 总结

在 TypeScript 中，number、string 和 boolean 是最基本的数据类型。它们各自有其优点和缺点，适用于不同的场景。理解这些基本数据类型的特性和用法，对于编写高质量的 TypeScript 代码至关重要。

在实际开发中，合理选择数据类型可以提高代码的可读性和可维护性。希望通过本节的学习，您能对 TypeScript 的基本数据类型有一个全面的理解，并能够在实际项目中灵活运用。