代码拉取完成,页面将自动刷新
tags: TS DI TypeScript Dependency-Injection
在学习Angular2的时候遇到了依赖注入,发现这个东西非常有用。于是便尝试自己实现了一下。
##API 目前只有几个API:
##示例
@Injectable()
class A {
}
@Injectable()
class B {
private val = '1234';
constructor(private a: A) {
}
getVal() {
return this.val;
}
setVal(newval) {
this.val = newval;
}
}
// 使用Injector.get(),不需要提供参数即可获取实例
let b = Injector.get(B);
let b2 = Injector.get(B);
// 测试:同一个Class可以被实例化多次,每个实例都是不同的对象。
let newVal = 'zzzz';
b.setVal(newVal);
assert.equal(b.getVal(), newVal);
assert.equal(b2.getVal(), '1234');
####@Inject() 和@Injectable()的用途一样,只不过这个是用于修饰属性的。
@Injectable()
class A {
@Inject()
b: ClassB;
}
####@Singleton
@Singleton()
class SingletonClass {
private val = '1234';
constructor(private a: A) {
}
get() {
return this.val;
}
set(newval) {
this.val = newval;
}
}
let b = Injector.get(SingletonClass);
let b2 = Injector.get(SingletonClass);
// 测试:被@Singleton()装饰的类,所有句柄都应该指向同一个对象
let newVal = 'zzzz';
b.set(newVal);
assert.equal(b.get(), newVal);
assert.equal(b2.get(), newVal);
####@Inject(()=>Type) @Injectable()无法处理A->B->A这样的循环依赖。 当A和B都是单例时,他们相互依赖的情况就很常见。而@Inject(()=>Type)就是为了处理这种依赖而诞生的。 使用@Inject(()=>Type)时,只要依赖循环中存在一个单例,整个循环中的所有实例便都可以被正确创建。
// singleton_class.ts
import {ClassA} from "./class_a"
@Singleton()
class SingletonClass{
}
// class_a.ts
import {SingletonClass} from "./singleton_class"
@Injectable()
class ClassA {
@Inject(()=>SingletonClass)
s: SingletonClass;
}
至于为什么要添加一个返回类型的函数作为参数才能解决循环依赖的问题,是因为TypeScript在两个文件相互包含的时候,必定有至少一个类的类型为undefine。添加一个参数其实是不得已为之的解决方案。
>npm install
>npm test
装饰器本不需要添加一个括号的。就像这样:
@Injectable
class A{}
强制性添加括号是为了和Angular2的装饰器保持一致;也为了实现更好的扩展性。例如@Inject()可以传一个参数进去,解决循环依赖的问题。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。