typescript 이벤트 알림 메커니즘
2779 단어 typescript
사용한 모델은 관찰자 모델이다. 원래는 자신이 이벤트 알림 메커니즘을 원했는데 때마침pure MVC를 보았기 때문에 안의 이벤트 알림을 분리해서 단독으로 사용한다. 정태적인 방법만 있고 복용을 고려하고 싶다면 정태를 고칠 수 있다.코드는 다음과 같다.
emitter.ts 코드는 다음과 같습니다
/**
*
*/
export class Emitter {
/** */
private static listeners = {};
/**
*
* @param name
* @param callback
* @param context
*/
public static register(name: string, callback: Function, context: any) {
let observers: Observer[] = Emitter.listeners[name];
if (!observers) {
Emitter.listeners[name] = [];
}
Emitter.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[] = Emitter.listeners[name];
if (!observers) return;
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 Emitter.listeners[name];
}
}
/**
*
* @param name
*/
public static fire(name: string, ...args: any[]) {
let observers: Observer[] = Emitter.listeners[name];
if (!observers) return;
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;
}
}
테스트 코드:
import {Emitter} from "./emitter";
class Test{
constructor(){
let self = this;
Emitter.register("nihao", self.test, self);
}
public test(eventName:string, args1:string, args2:number){
console.log(eventName, args1, args2);
console.log(arguments);
}
}
let a = new Test();
Emitter.fire("nihao", "cyrwpj", 1);
매개 변수는 정해지지 않으니, 필요한 대로 전해라.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Typescript 팁: 브랜드 유형을 사용하면 더 안전한 기능을 사용할 수 있습니다.다음과 같은 함수가 있다고 상상해 보십시오. 페이지 번호는 음수가 될 수 없기 때문에 분명히 잘못된 것입니다. 간단한 해결책은 다음과 같은 줄을 추가하는 것입니다. 그러나 음수로 함수를 호출하려고 할 때 유형 오류가...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.