Angular中模板中getter的性能影响

时间:2018-02-27 14:37:46

标签: angular typescript

我正在接管现有的Angular应用。在其中,我一直看到许多组件中模板中使用的值实际上是用getter / setter屏蔽的属性,没有任何其他逻辑:

<input type="number" [(ngModel)]="age" [disabled]="formDisabled">


get formDisabled() {
    return this._formDisabled;
}
set formDisabled(value: boolean) {
    this._formDisabled = value;
}

我们的应用程序具有性能目标。在AngularJS中,模板中的任何函数都会对性能产生影响,因为必须对其进行计算(甚至只是为了返回值)。在Angular(现在是5)中它仍然是真的,如果遇到它们,我应该用直接字段替换那些无用的访问器吗?

感谢。

1 个答案:

答案 0 :(得分:-1)

是的,我相信,每个变化检测周期都会调用函数。

然而,吸气剂更好,甚至更好。

参考文献(第3部分): https://netbasal.com/optimizing-the-performance-of-your-angular-application-f222f1c16354