• 欢迎光临~

ts实现发布订阅

开发技术 开发技术 2022-10-27 次浏览

interface CacheProps {
    [key: string]: Array<((data:unknown) => void)>;
}

class Observer {
    private caches:CacheProps = {};
    on(eventName: string,fn:((data?:unknown) => void)) {
        this.caches[eventName] = this.caches[eventName]?this.caches[eventName]:[];
        this.caches[eventName].push(fn);
    }
    emit(eventName: string,data?:unknown) {
        if(this.caches[eventName]) {
            this.caches[eventName].forEach((fn)=> {
                fn(data);
            })
        } else {
            return {
                flag: false,
                errMsg: "不存在该函数"
            }
        }
    }
    off(eventName:string,fn:((data?:unknown) => void)) {
        if(this.caches[eventName]) {
            const newCaches = fn?this.caches[eventName].filter(e => e !== fn):[];
            this.caches[eventName] = newCaches;
        }
    }
}
function a() {
    console.log(4);
}
const obj:Observer = new Observer();
obj.on("aaa",()=>{console.log(3)});
obj.on("aaa",()=>{console.log(3)});
obj.on("aaa",a);
console.log(obj)
obj.off("aaa",a);
obj.emit("aaa");

程序员灯塔
转载请注明原文链接:ts实现发布订阅
喜欢 (0)
违法和不良信息举报电话:022-22558618 举报邮箱:dljd@tidljd.com