typescript 이벤트 알림 메커니즘

2779 단어 typescript
PS: 이 문서는 PureMVC 참조
사용한 모델은 관찰자 모델이다. 원래는 자신이 이벤트 알림 메커니즘을 원했는데 때마침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);

매개 변수는 정해지지 않으니, 필요한 대로 전해라.

좋은 웹페이지 즐겨찾기