Angular 如何避免方法名称重复
我创建了一个方法,该方法监听表单控件的值更改并返回计算的持续时间流Angular 如何避免方法名称重复,angular,rxjs,Angular,Rxjs,我创建了一个方法,该方法监听表单控件的值更改并返回计算的持续时间流 export class AppComponent { control1 = new FormControl() control2 = new FormControl(); public calculatedDuration$: Observable<number>; ngOnInit() { this.calculatedDuration$ = this.calculateDurati
export class AppComponent {
control1 = new FormControl()
control2 = new FormControl();
public calculatedDuration$: Observable<number>;
ngOnInit() {
this.calculatedDuration$ = this.calculateDuration()
}
private calculateDuration(): Observable<number> {
return combineLatest([this.control1.valueChanges, this.control2.valueChanges]).pipe(
map(([frequency, quantity]) => {
return this.service.calculateDuration(frequency, quantity)
})
)
}
}
并且可以是映射中的替换逻辑
private calculateDuration(): Observable<number> {
return combineLatest([this.control1.valueChanges, this.control2.valueChanges]).pipe(
map(([frequency, quantity]) => {
return this.calculateDuration(frequency, quantity)
})
)
}
private calculateration():可观察{
返回组合测试([this.control1.valueChanges,this.control2.valueChanges])管道(
地图([频率、数量]=>{
返回此。计算比率(频率、数量)
})
)
}
问题是-我应该如何命名做同样事情的方法?我要做的是在返回可观察的变量/方法名称后添加$
我认为区分值
和流
是一种方便的命名约定
私人计算(频率、数量):数量{
返回此.service.calculateration(频率、数量);
}
私有计算$():可观察{
const source=[this.control1.valueChanges,this.control2.valueChanges];
返回组合测试(源)。管道(
地图([频率、数量]=>{
返回此.CalculateRation(频率、数量);
})
);
}
可能返回可观测值的方法可以用一个单词observe
命名。例如,在您的案例中:observeDuration()
。我不认为有正确的答案,但对我来说是有意义的。是的,这适用于this.calculatedDuration$=this.calculatedDuration$()
,但不适用于this.isDurationCustom$=this.isDurationCustom$()
private calculateDuration(): Observable<number> {
return combineLatest([this.control1.valueChanges, this.control2.valueChanges]).pipe(
map(([frequency, quantity]) => {
return this.calculateDuration(frequency, quantity)
})
)
}