angular - Angular 模板中的 getter 和调用函数之间的性能差异

Question

在我的模板中，我想检查是否有服务可用于启用/禁用按钮。现在我想我有 2 个选择:

模板:

<button [disabled]="isServiceAvailable()"></button>

TS:

isServiceAvailable(): boolean {
    return true;
}

或

模板:

<button [disabled]="isServiceAvailable"></button>

TS:

get isServiceAvailable() {
    return true;
}

两者之间有性能差异吗？我知道第一个被认为是坏的，因为每次运行变化检测时都会调用该函数。第二种选择也是如此吗？每次都会执行getter吗，或者这是一个好的解决方案？

Answer 1

使用像 https://stackblitz.com/edit/angular-c4j8dz 这样的简单测试您会看到 get foo(){ return true; 之间的方法调用没有区别。 } 和一个普通函数 foo(){return true;} 以防事件发生变化。