3、深入理解 TypeScript：特性、配置与运行机制

深入理解 TypeScript：特性、配置与运行机制

1. TypeScript 与 JavaScript 的关系

TypeScript 是 JavaScript 的超集，这意味着所有 JavaScript 程序在语法上都是有效的 TypeScript 程序，但并非所有 TypeScript 程序都是有效的 JavaScript 程序。TypeScript 增加了一个静态类型系统，该系统模拟 JavaScript 的运行时行为，并尝试找出在运行时会抛出异常的代码。

不过，即使代码通过了类型检查，在运行时仍可能抛出错误。例如：

const names = ['Alice', 'Bob'];
console.log(names[2].toUpperCase());

运行这段代码会抛出 TypeError: Cannot read properties of undefined (reading 'toUpperCase') 错误，原因是 TypeScript 假设数组访问在边界内，但实际并非如此。

TypeScript 还不允许一些合法但有问题的 JavaScript 构造，比如使用错误数量的参数调用函数。类型注解可以告诉 TypeScript 你的意图，帮助它区分正确和错误的代码。

2. 了解 TypeScript 选项

TypeScript 编译器有大量的配置选项，这些选项会影响语言的核心方面。建议使用 tsconfig.json 文件来配置 Type