TypeScript Academy · 课时

控制反转基础

Q: 「控制反转基础」这节课中我会学到什么？

理解为什么以及何时应反转依赖关系。 你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

理解为什么以及何时应反转依赖关系。

第 1 / 4 课13 个步骤

控制反转基础 是 CoddyKit 上的免费 TypeScript Academy 课时。这是第 1 节课，共 4 节。你可以在下方免费阅读本课时的完整内容 — 然后在浏览器中使用内置代码编辑器和全天候 AI 导师进行实践。这是 TypeScript Academy 学习路径的一部分，你的进度在网页和 CoddyKit 应用中同步。 TypeScript Academy 课程共包含 4 节课。

硬编码的依赖项

当一个类使用 new 创建自己的协作者时，它会与这些具体类型紧密耦合。这会使类难以重新配置，也难以测试。

紧耦合示例

在这里，服务会自行创建日志记录器。如果不编辑该类，就无法替换为其他日志记录器。

class ConsoleLogger { log(m: string) { console.log(m); } }
class OrderService {
  private logger = new ConsoleLogger(); // hard-coded
  place() { this.logger.log("order placed"); }
}
new OrderService().place();

什么是控制反转

控制反转（IoC）改变了依赖项的决定者。依赖项不再由类创建，而是由外部提供。类声明自己的需求，并接收相应依赖项。

依赖注入

依赖注入（DI）是实现 IoC 的常见方式：将协作者传入，而不是在内部构造它们。调用者可以控制使用哪种实现。

注入后的版本

现在，日志记录器由外部提供。服务不再需要知道或关心自己收到的是哪种具体日志记录器。

class OrderService {
  constructor(private logger: { log(m: string): void }) {}
  place() { this.logger.log("order placed"); }
}
new OrderService(new ConsoleLogger()).place();

IoC 为何能提升可测试性

由于依赖项来自外部，测试可以传入测试替身或间谍对象。您可以在不进行真实输入/输出操作、不访问数据库或不发起网络调用的情况下验证行为。

const calls: string[] = [];
const fakeLogger = { log: (m: string) => calls.push(m) };
new OrderService(fakeLogger).place();
console.log(calls); // ["order placed"]

依赖抽象

当类依赖接口而不是具体类时，IoC 的效果最好。任何满足该接口的实现都可以注入。

interface Logger { log(m: string): void; }
class OrderService {
  constructor(private logger: Logger) {}
}

构造函数注入

构造函数注入会将依赖项作为构造函数参数传入。依赖项会立即可用，也可以标记为 readonly，从而明确表示它们是必需的。

class OrderService {
  constructor(private readonly logger: Logger) {}
}

属性注入

属性注入会在构造完成后，将依赖项设置到公共属性或可设置的属性上。这种方式更加灵活，但允许对象在暂时缺少依赖项的情况下存在。

class OrderService {
  logger!: Logger; // set after construction
  place() { this.logger.log("placed"); }
}
const s = new OrderService();
s.logger = new ConsoleLogger();

选择合适的方式

对于必需的依赖项，应优先使用构造函数注入，因为对象永远不会处于构造不完整的状态。对于可选协作者，或为了打破构造循环，可以使用属性注入。

IoC container 预览

对于大型应用，手动连接依赖项会越来越繁琐。IoC container 会自动创建并提供依赖项，接下来的课程将使用 InversifyJS 探索这一过程。

快速检查

快速检查本课内容。

在交互式课程中回答

回顾

控制反转会将依赖项的创建移到类的外部；依赖注入则将依赖项传入类中。请依赖接口，对于必需的依赖项优先使用构造函数注入，并通过注入测试替身来轻松完成测试。

免费开始

用 AI 导师学习 TypeScript — 免费

在浏览器中编写并运行真实代码，获得全天候 AI 导师的即时帮助，并在网页或应用中继续学习。

课程: 101
课程: 352

免费开始学习查看完整课程

常见问题解答

「控制反转基础」课时是免费的吗？

是的 — 「控制反转基础」的完整文本可在网页上免费阅读。要进行交互式练习（内置代码编辑器和全天候 AI 导师）并解锁 TypeScript Academy 课程的其余内容，请升级到 CoddyKit PRO。 TypeScript Academy 课程共包含 4 节课。

「控制反转基础」这节课中我会学到什么？

理解为什么以及何时应反转依赖关系。你通过在浏览器中直接运行的动手代码来练习 TypeScript Academy，全天候 AI 导师会在你学习这节课的过程中回答你的问题。

学习 TypeScript Academy 需要有经验吗？

无需任何先前经验。CoddyKit 上的 TypeScript Academy 课程适合初学者到高级学习者，你可以从这里开始或从头开始，按照自己的节奏学习。这是第 1 节课，共 4 节。

「控制反转基础」课时需要多长时间？

大多数 CoddyKit 课程大约需要 5–10 分钟。每节课都很精短且互动，所以你能稳步进步，并在网页和应用中从离开的地方继续。

我能在这节 TypeScript Academy 课中编写并运行代码吗？

能。每节 TypeScript Academy 课都包含内置代码编辑器，你可以在浏览器中直接编写并运行真实代码，并获得即时 AI 反馈 — 无需本地设置。

此课程中的所有课时

← 返回 TypeScript Academy