- Inversion Of Control (控制反转),可以理解为一种思想,就是把创建对象的主动权交给外层环境
- Dependency Injection (依赖注入),就是 IOC 的落地实现。
假设我们需要实现一个 “学生打游戏” 的 demo:
/**
* 学生打游戏, 需要通过手机打
*/
class Phone {
name: string;
constructor(name: string) {
this.name = name;
}
}
class Student {
phone: Phone;
constructor() {
this.phone = new Phone('OPPO'); // Student 依赖于 Phone
}
playGame() {
console.log(`学生拿${this.phone.name}打游戏`);
}
}
const student = new Student();
student.playGame(); // 学生拿OPPO打游戏
可以看到,Student 的实现需要依赖 Phone。上例这样写的话,代码的耦合度很高。随着两者之间的业务逻辑愈加复杂,维护成本和代码可读性都会随之增加,并且很难再引入额外的模块扩展功能。
假设学生打游戏用的不是 OPPO 手机,而是使用 VIVO 手机,上例就需要修改 Student 里面的代码了。
为了给代码解耦,可以使用 DI 依赖注入:
class Phone {
name: string;
constructor(name: string) {
this.name = name;
}
}
class Student {
phone: Phone;
constructor(phone: Phone) {
this.phone = phone;
}
playGame() {
console.log(`学生拿${this.phone.name}打游戏`);
}
}
const phone = new Phone('VIVO');
const student = new Student(phone); // 依赖注入
student.playGame(); // 学生拿VIVO打游戏
现在就可以根据不同条件传入不同 Phone 实例到 Student,而无需修改 Student 里面的代码了。
执行 .ts 文件:
npm i ts-node typescript -g
ts-node ./XX/xx.ts
如果需要 ts-node 识别 tsconfig.json,需要使用 ts-node ./XXX.ts --files
如果 tsconfig.json 配置了路径别名 "paths": { "@/*": ["./*"] }
,为使路径别名可用:
需要下载 tsconfig-paths 并使用 ts-node -r tsconfig-paths/register ./XXX.ts --files