在 Angular 中常见的代码如下:
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app',
template: '<div *ngFor="let item of data"></div>'
})
export class App {
// we define variable here
data = [1, 2];
tempData = [3, 4]; //temporary data, not involved in view rendering
}
我们可以看到,有一个临时变量不会涉及视图渲染,但是这个临时变量在我们的应用程序中也是必要的,用于暂时存储数据。
像这样写怎么样:
import { Component, OnInit } from '@angular/core';
const tempData = [3, 4]; //temporary data, not involved in view rendering
@Component({
selector: 'app',
template: '<div *ngFor="let item of data"></div>'
})
export class App {
// we define variable here
data = [1, 2];
}
由于临时变量不会在视图渲染中使用,因此我可以在类外定义它。并且我认为,这将优化性能(因为它减少了Angular的检测变量,我不知道这是否正确)。
那么哪种代码风格更好,并且它们之间是否有性能差异?