TypeScript 디자인 모드 의 관찰자 모드
15765 단어 디자인 모드Typescript
관찰자 모드: 관찰자 모드 에서 대상 간 의 다 중 의존 관 계 를 정의 합 니 다. 한 대상 의 상태 가 바 뀌 었 을 때 그 대상 에 의존 하 는 대상 은 모두 통 지 를 받 고 자동 으로 업 데 이 트 됩 니 다.
관찰자 모드 의 구조
이익:
폐단:
다음 에는 말 을 많이 하지 않 고 바로 코드 를 올 립 니 다.
관찰 모드 에 대한 예
다음 의 예 는 제 가 최근 에 발견 한 Typescript 이벤트 알림 체제 입 니 다. 사용 하 는 모델 은 관찰자 모드 입 니 다.
/**
* s
*/
class Events {
//
private static listeners = {};
/**
*
* @param name
* @param callback
* @param context
*/
public static register(name: string, callback: Function, context: any) {
let observers: Observer[] = Events.listeners[name];
if (!observers) {
Events.listeners[name] = [];
}
Events.listeners[name].push(new Observer(callback, context));
}
/**
*
* @param name
* @param callback
* @param context
*/
public static remove(name: string, callback: Function, context: any) {
let observers: Observer[] = Events.listeners[name];
if (!observers) {
return "remove";
}
let length = observers.length;
for (let i = 0; i < length; i++) {
let observer = observers[i];
if (observer.compar(context)) {
observers.splice(i,1);
break;
}
}
if (observers.length == 0) {
delete Events.listeners[name];
}
}
public static emit(name: string, ...args: any[]) {
let observers: Observer[] = Events.listeners[name];
if (!observers) {
return "emit";
}
let length = observers.length;
for (let i = 0; i < length; i++) {
let observer = observers[i];
observer.notify(name, ...args);
}
}
}
//
class Observer {
//
private callback: Function = null;
//
private context: any = null;
constructor(callback: Function, context: any) {
let self = this;
self.callback = callback;
self.context = context;
}
/**
*
* @param args
*/
notify(...args: any[]):void {
let self = this;
self.callback.call(self.context, ...args);
}
/**
*
* @param context
*/
compar(context: any): boolean {
return context == this.context;
}
}
테스트 코드:
class Test {
constructor () {
Events.register("hello",this.test,self);
}
public test (eventName:string, args1: string, args2: number) {
console.log(eventName,args1,args2);
console.log(arguments);
}
}
let a = new Test();
Events.emit("hi","hhh",1);
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
디자인 모델 의 공장 모델, 단일 모델자바 는 23 가지 디자인 모델 (프로 그래 밍 사상/프로 그래 밍 방식) 이 있 습 니 다. 공장 모드 하나의 공장 류 를 만들어 같은 인 터 페 이 스 를 실현 한 일부 종 류 를 인 스 턴 스 로 만 드 는 것...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.