Tailwind CSSTailwind CSS
Home
  • Tailwind CSS 书籍目录
  • Vue 3 开发实战指南
  • React 和 Next.js 学习
  • TypeScript
  • React开发框架书籍大纲
  • Shadcn学习大纲
  • Swift 编程语言:从入门到进阶
  • SwiftUI 学习指南
  • 函数式编程大纲
  • Swift 异步编程语言
  • Swift 协议化编程
  • SwiftUI MVVM 开发模式
  • SwiftUI 图表开发书籍
  • SwiftData
  • ArkTS编程语言:从入门到精通
  • 仓颉编程语言:从入门到精通
  • 鸿蒙手机客户端开发实战
  • WPF书籍
  • C#开发书籍
learn
  • Java编程语言
  • Kotlin 编程入门与实战
  • /python/outline.html
  • AI Agent
  • MCP (Model Context Protocol) 应用指南
  • 深度学习
  • 深度学习
  • 强化学习: 理论与实践
  • 扩散模型书籍
  • Agentic AI for Everyone
langchain
Home
  • Tailwind CSS 书籍目录
  • Vue 3 开发实战指南
  • React 和 Next.js 学习
  • TypeScript
  • React开发框架书籍大纲
  • Shadcn学习大纲
  • Swift 编程语言:从入门到进阶
  • SwiftUI 学习指南
  • 函数式编程大纲
  • Swift 异步编程语言
  • Swift 协议化编程
  • SwiftUI MVVM 开发模式
  • SwiftUI 图表开发书籍
  • SwiftData
  • ArkTS编程语言:从入门到精通
  • 仓颉编程语言:从入门到精通
  • 鸿蒙手机客户端开发实战
  • WPF书籍
  • C#开发书籍
learn
  • Java编程语言
  • Kotlin 编程入门与实战
  • /python/outline.html
  • AI Agent
  • MCP (Model Context Protocol) 应用指南
  • 深度学习
  • 深度学习
  • 强化学习: 理论与实践
  • 扩散模型书籍
  • Agentic AI for Everyone
langchain
  • 第2章:基础类型与变量

第2章:基础类型与变量

2.1 基本类型(number, string, boolean 等)

TypeScript 作为 JavaScript 的超集,提供了完整的静态类型系统。基础类型是构建复杂类型的基石,以下是 TypeScript 中最常用的基本类型:

1. number 类型

表示所有数字(整数、浮点数、二进制等):

let decimal: number = 42;
let hex: number = 0xf00d;      // 十六进制
let binary: number = 0b1010;   // 二进制
let octal: number = 0o744;     // 八进制

2. string 类型

表示文本数据,支持模板字符串:

let name: string = "TypeScript";
let sentence: string = `Hello, ${name}!`;  // 模板字符串

3. boolean 类型

表示逻辑值(true/false):

let isDone: boolean = false;

4. null 和 undefined 类型

  • null: 表示空值
  • undefined: 表示未定义的值
    它们是所有类型的子类型(当开启 strictNullChecks 时会被严格限制)
let u: undefined = undefined;
let n: null = null;

5. void 类型

表示没有返回值的函数:

function warnUser(): void {
  console.log("This is a warning");
}

6. 数组类型

两种定义方式:

let list1: number[] = [1, 2, 3];          // 元素类型+方括号
let list2: Array<number> = [1, 2, 3];     // 泛型语法

7. 元组(Tuple)类型

表示已知元素数量和类型的数组:

let tuple: [string, number];
tuple = ["hello", 42];  // 正确
tuple = [42, "hello"];  // 错误:类型不匹配

8. 枚举(enum)类型

(注:将在第8章详细讲解)

enum Color { Red, Green, Blue }
let c: Color = Color.Green;

类型检查示例

function printId(id: number | string) {
  if (typeof id === "number") {
    console.log(`Your ID is a number: ${id}`);
  } else {
    console.log(`Your ID is a string: ${id}`);
  }
}

最佳实践提示:

  • 优先使用 let 和 const 代替 var(详见2.4节)
  • 在开启 strict 模式时,TypeScript 会强制类型检查更严格
  • 使用 tsc --init 生成的默认配置已包含推荐类型规则
Last Updated:: 3/27/25, 10:50 AM