深入剖析 TypeScript 基础类型：string、number、boolean 的声明与使用

TypeScript 是 JavaScript 的一个超集，它在 JavaScript 的基础上增加了类型系统，使得开发者可以在编写代码时指定变量的类型。基础数据类型（如 string、number 和 boolean）是 TypeScript 类型系统的核心，理解它们的使用和声明方式对于开发高质量的代码至关重要。

本文将深入探讨 TypeScript 中常用的三个基础数据类型：string、number 和 boolean，并通过详细的示例来分析它们的声明方式、使用场景以及一些进阶技巧。

一、string 类型

在 TypeScript 中，string 类型用于表示文本数据。与 JavaScript 相同，string 类型可以包含字母、数字、符号等字符组合。与其他基本数据类型一样，string 类型的变量具有特定的行为和方法，可以进行常见的字符串操作，如拼接、截取等。

1.1 声明 string 类型

声明 string 类型非常简单。你可以使用 string 关键字直接声明一个变量，也可以使用模板字符串（template string）进行更灵活的操作。

let firstName: string = "John";
let lastName: string = 'Doe';

1.2 使用模板字符串

模板字符串是 TypeScript 中字符串的一种扩展，它允许你在字符串中嵌入变量或表达式。使用反引号（`）包裹的字符串可以实现插值功能。

let fullName: string = `${firstName} ${lastName}`;
console.log(fullName); // 输出：John Doe

1.3 字符串方法

string 类型在 TypeScript 中拥有 JavaScript 中的所有字符串方法。例如，toUpperCase() 和 toLowerCase() 方法可以将字符串转换为大写或小写。

let greeting: string = "Hello, World!";
console.log(greeting.toUpperCase()); // 输出：HELLO, WORLD!
console.log(greeting.toLowerCase()); // 输出：hello, world!

1.4 字符串连接与模板字符串的对比

除了常规的字符串拼接（使用加号 +），模板字符串提供了一种更简洁、直观的方式来拼接字符串，特别是在需要嵌入变量的情况下。

// 使用加号进行字符串连接
let message1: string = "Hello, " + firstName + " " + lastName + "!";
console.log(message1);  // 输出：Hello, John Doe!// 使用模板字符串
let message2: string = `Hello, ${firstName} ${lastName}!`;
console.log(message2);  // 输出：Hello, John Doe!

模板字符串更具可读性和可维护性，尤其在处理复杂的字符串时更为便利。

二、number 类型

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

2.1 声明 number 类型

与 string 类型类似，你可以使用 number 关键字来声明一个数字类型的变量。数字包括整数、浮动小数以及二进制、八进制、十六进制等格式的数字。

let age: number = 25;          // 整数
let height: number = 175.5;    // 浮动点数
let hexValue: number = 0xFF;   // 十六进制
let binaryValue: number = 0b1010; // 二进制
let octalValue: number = 0o777;  // 八进制

2.2 常见数学操作

number 类型支持常见的数学操作，例如加法、减法、乘法、除法、取余等。

let num1: number = 10;
let num2: number = 5;console.log(num1 + num2);  // 输出：15
console.log(num1 - num2);  // 输出：5
console.log(num1 * num2);  // 输出：50
console.log(num1 / num2);  // 输出：2
console.log(num1 % num2);  // 输出：0

2.3 NaN 和 Infinity

TypeScript 中的 number 类型同样支持 NaN（非数值）和 Infinity（无穷大）这两个特殊值。

let notANumber: number = NaN;
let positiveInfinity: number = Infinity;
let negativeInfinity: number = -Infinity;console.log(notANumber);   // 输出：NaN
console.log(positiveInfinity);  // 输出：Infinity
console.log(negativeInfinity);  // 输出：-Infinity

2.4 Number 的方法

number 类型也有一些内建方法，如 toFixed()，toPrecision()，用于格式化数字输出。

let pi: number = 3.14159265358979;
console.log(pi.toFixed(2));      // 输出：3.14
console.log(pi.toPrecision(4));  // 输出：3.142

三、boolean 类型

boolean 类型用于表示逻辑值，即 true 或 false。在 TypeScript 中，boolean 是一种非常常见的基础类型，它广泛应用于条件判断和控制流程中。

3.1 声明 boolean 类型

boolean 类型的声明非常直接，它只有两个可能的值：true 或 false。

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

3.2 使用 boolean 类型

boolean 类型常用于控制流语句（如 if、while 等）。通过判断 boolean 值的真假来控制程序的执行路径。

let isUserLoggedIn: boolean = true;if (isUserLoggedIn) {console.log("Welcome back, user!");
} else {console.log("Please log in.");
}

3.3 逻辑运算符

boolean 类型支持常见的逻辑运算符，如 &&（与）、||（或）、!（非）。这些运算符用于构建更复杂的条件判断。

let isAdult: boolean = true;
let hasPermission: boolean = false;if (isAdult && hasPermission) {console.log("You are allowed to access the content.");
} else {console.log("Access denied.");
}

3.4 异常处理与 boolean

在处理异常或验证条件时，boolean 类型非常有用。比如在表单验证中，通常会用 boolean 类型来表示某个字段是否合法。

let isValid: boolean = true;function validateForm(): boolean {// 假设有一些验证逻辑return isValid;
}if (validateForm()) {console.log("Form submitted successfully!");
} else {console.log("Form validation failed.");
}

四、类型推断

在 TypeScript 中，类型推断是一个非常重要的特性。当你没有显式地指定一个变量的类型时，TypeScript 会根据变量的初始值自动推断出类型。

let age = 25;        // TypeScript 自动推断为 number
let name = "Alice";  // TypeScript 自动推断为 string
let isActive = true; // TypeScript 自动推断为 boolean

4.1 不指定类型时的推断规则

TypeScript 会根据变量的初始值推断其类型。如果你给变量赋了一个字符串，TypeScript 会推断为 string；如果赋了一个数字，TypeScript 会推断为 number，以此类推。

五、总结

TypeScript 提供了丰富的基础数据类型来帮助我们更精确地定义变量，提升代码的可读性和可靠性。在本文中，我们深入探讨了 string、number 和 boolean 类型的声明与使用，包括它们的基本操作、方法以及在实际开发中的应用。

核心总结：

• string 类型用于处理文本数据，支持字符串拼接、模板字符串、内置方法等操作。
• number 类型用于表示数值，支持整数、浮点数及各种数学运算。
• boolean 类型用于表示逻辑值，广泛应用于条件判断和控制流程中。

通过理解这些基础类型的使用方式，我们可以在开发中更加高效地利用 TypeScript 的类型系统，编写出更加健壮、可维护的代码。
希望这篇博客对你有所帮助！如果有任何问题或建议，欢迎留言讨论。