What is the difference between "undefined" and "null" in TypeScript?

在 TypeScript 中，undefined 和 null 都是基本数据类型，但它们用于表示稍微不同的概念：

1. undefined:

   • undefined 表示一个变量已经被声明了，但是没有被赋值。
   • 在 JavaScript 和 TypeScript 中，如果函数没有返回值，那么默认返回 undefined。
   • undefined 通常表明一个不存在的属性或者没有具体值的状态。

   示例:

   typescript
   let user;
   console.log(user);  // 输出 `undefined` 因为 `user` 变量没有被赋值

2. null:

   • null 是一个特意赋予变量的值，表示变量的值为空或无。
   • null 需要被显式赋值，用于表示“无”或“空”的状态。
   • null 常用于对象的初始化，表示该对象目前无值。

   示例:

   typescript
   let user = null;
   console.log(user);  // 输出 `null` 因为 `user` 明确被赋值为 `null`

类型系统的区别

在 TypeScript 的类型系统中，undefined 和 null 是所有其它类型的子类型。这意味着，undefined 和 null 可以被赋值给比如 number 或 string 这样的类型。但是，如果在 TypeScript 的配置文件（tsconfig.json）中设置了 "strictNullChecks": true，则 undefined 和 null 将不能直接赋给这些类型，除非明确指定类型为 undefined 或 null。

严格模式下的示例:

typescript
let age: number;
age = null;  // 报错，除非类型定义为 `number | null`

总结来说，虽然在某些情况下 undefined 和 null 可以交换使用，但它们代表了不同的概念：undefined 更多的是系统级的、未初始化的状态，而 null 是程序员设置的空状态。在 TypeScript 编程中，合理利用这两种类型，能有效帮助管理和预防错误。