什么是 @types/inversify
在 TypeScript 中，当我们通过 npm 安装某个 JavaScript 库时，可以同时安装一个能够与该库配套的 TypeScript 类型定义文件。这些类型定义文件的扩展名为 .d.ts，它们为 JavaScript 库提供了 TypeScript 的类型支持，使得我们在使用这些库时可以拥有更好的代码提示、类型检查等功能。
@types/inversify 就是一组 InversifyJS 的 TypeScript 类型定义文件。通过使用它，开发者可以在 TypeScript 中基于依赖注入编写应用程序，同时获得完整的类型检查和代码提示功能。
如何安装 @types/inversify
使用 npm 安装 @types/inversify 很简单，只需在终端中执行以下命令即可：
npm install @types/inversify --save-dev
其中 --save-dev 参数表示该包只是开发环境下的依赖项。
当然，如果您的项目使用的构建工具（如 Webpack、Rollup 等）已经正确设置了 TypeScript 的编译选项，那么在安装后 @types/inversify 就会自动被 TypeScript 引用。
@types/inversify 的使用
假设我们的应用程序需要使用 InversifyJS 作为依赖注入库，我们只需要定义好所有的依赖项即可。以下是一个示例：
-- -------------------- ---- ------- ------ ------------------- ------ - ---------- ----------- ------ - ---- ------------ ------ - ----- - ---- ---------- ------------- ----- ---------- - ------------- -- --------------- ---- - ------------------- -------------- - - ------------- ----- ---------- - ------------------------------------- ------- ----------- ----------- -- --------------- ---- - ------------------- -------------- ------------------------------- - - ----- --------- - --- ------------ ------------------------------------------------------------ ------------------------------------------------------------ ----- ---------- - -------------------------------------------- --------------------------展开代码
上述代码定义了两个服务 FooService 和 BarService，它们之间有依赖关系。我们通过 InversifyJS 提供的装饰器和 Container 实例来完成依赖注入，其中 TYPES.FooService 是一个字符串常量，它被定义在了 ./types.ts 中：
export const TYPES = { FooService: Symbol('FooService'), BarService: Symbol('BarService'), };
运行以上代码可以得到如下结果：
Hello, BarService! Hello, FooService!
经过 TypeScript 类型检查，我们可以确保应用程序中所有服务的依赖关系都是正确的。同时，我们可以通过实例方法的代码提示，快速地完成代码编写。
结论
通过使用 @types/inversify，我们可以在 TypeScript 项目中使用 InversifyJS 获得依赖注入的好处，同时又可以获得完整的类型检查和代码提示功能。使用 TypeScript 开发前端应用程序，无疑将会使得我们的开发效率和代码健壮性都得到大幅提高。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/201665
