2.1 原始类型：string、number、boolean - 全栈应用开发修炼手册课程

🎯 学习目标

掌握 string、number、boolean 三种原始类型
理解类型注解和类型推断的区别
学会正确使用原始类型
了解类型兼容性规则

📝 string 字符串类型

// 基本使用
let name: string = 'TypeScript';
let greeting: string = "Hello, World!";
let template: string = `欢迎使用 ${name}`;

// 类型推断（推荐）
let city = '北京';  // TypeScript 自动推断为 string 类型

// 字符串方法
let str: string = 'hello world';
console.log(str.toUpperCase());  // HELLO WORLD
console.log(str.length);         // 11
console.log(str.split(' '));     // ['hello', 'world']
      

💡

模板字符串

TypeScript 支持 ES6 模板字符串，使用反引号 ` 和 ${} 插值语法，推荐在多行字符串和字符串拼接时使用。

🔢 number 数字类型

// 整数
let age: number = 25;
let integer: number = 100;

// 浮点数
let price: number = 99.99;
let pi: number = 3.14159265359;

// 二进制、八进制、十六进制
let binary: number = 0b1010;    // 10
let octal: number = 0o744;      // 484
let hex: number = 0xf00d;       // 61453

// 大整数（ES2020+）
let bigNumber: bigint = 9007199254740991n;

// 数字运算
let sum: number = 10 + 20;
let product: number = 5 * 3;
let division: number = 10 / 2;
      

⚠️

注意

TypeScript 中所有数字都是浮点数，没有整数、浮点数的区分。bigint 是单独的类型，用于表示超大整数。

✅ boolean 布尔类型

// 基本使用
let isDone: boolean = true;
let hasError: boolean = false;

// 类型推断
let isActive = true;  // 自动推断为 boolean

// 条件表达式结果
let isAdult: boolean = age >= 18;
let isValid: boolean = name.length > 0;

// 布尔运算
let result: boolean = true && false;  // false
let orResult: boolean = true || false; // true
let notResult: boolean = !true;        // false
      

📊 类型对比

类型	说明	示例	对应 JS 类型
`string`	文本字符串	'hello', "world", `template`	String
`number`	数字（整数和浮点数）	42, 3.14, 0xff	Number
`boolean`	布尔值	true, false	Boolean

💻 类型注解 vs 类型推断

显式类型注解

// 明确指定类型
let name: string = 'TypeScript';
let age: number = 25;
let isActive: boolean = true;

// 优点：更清晰，适合复杂场景
// 缺点：代码稍显冗余
          

类型推断

// 让 TypeScript 自动推断
let name = 'TypeScript';    // string
let age = 25;               // number
let isActive = true;        // boolean

// 优点：简洁，开发效率高
// 缺点：某些情况可能推断为字面量类型
          

📝 本节小结

✅

• string 表示文本字符串，支持模板语法
• number 表示所有数字，包括整数和浮点数
• boolean 只有 true 和 false 两个值
• 推荐利用类型推断，减少冗余代码