{ Injectable } from '@angular/core';
export type InternalStateType = {
[key: string]: any
};
@Injectable()
export class AppState {
public _state: InternalStateType = { };
/**
* Already return a clone of the current state.
*/
public get state() {
return this._state = this._clone(this._state);
}
/**
* Never allow mutation
*/
public set state(value) {
throw new Error('do not mutate the `.state` directly');
}
public get(prop?: any) {
/**
* Use our state getter for the clone.
*/
const state = this.state;
return state.hasOwnProperty(prop) ? state[prop] : state;
}
public set(prop: string, value: any) {
/**
* Internally mutate our state.
*/
return this._state[prop] = value;
}
private _clone(object: InternalStateType) {
/**
* Simple object clone.
*/
return JSON.parse(JSON.stringify( object ));
}
}```в сервис, очень часто кладем данные (которые получаем в ходе работы с API сервера) и потом их компоненты используют
то есть как бы в _state лежат данные:
```_state = {
Data1: {..}
Data2: {..},
..
}
И вот например, какому-то компоненту, нужны данные, которые лежат в Data1 и Data2
и что он делает у меня в этом компоненте:
let key1 = this.appState.get('Data1')
let key2 = this.appState.get('Data2')
и получается он для key1 и для key2 копирует весь __state каждый раз и в том и дело, если state все больше будет расти, все плохо будет ведь... на каждую операцию, мы тормозим наши компоненты или любую инструкцию
С ростом нагрузки обычно меняют алгоритмы, или распараллеливают
Обсуждают сегодня