自己封装的callbacks升级版（把方法放入一个集合中）

最新推荐文章于 2022-06-25 22:44:15 发布

胖妮儿

最新推荐文章于 2022-06-25 22:44:15 发布

阅读量190

点赞数

CC 4.0 BY-SA版权

分类专栏：原生js实现方法原理文章标签： callbacks 方法放入一个集合

本文链接：https://blog.youkuaiyun.com/pony_pony/article/details/79063253

原生js实现方法原理专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一个简单的自定义回调函数库实现方案。该库提供了添加、移除、检查及触发回调函数的方法，通过原型继承扩展了回调管理的功能。文章详细展示了如何使用JavaScript实现这一功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

function Callbacks() {};
Callbacks.prototype.has=function (type,fn) {
    return !!this[type]&&this[type].includes(fn);
};
Callbacks.prototype.add=function (type,...arg) {
    if(!this[type]){
        //如果没有这个类型先给实例增加一个这个类型的数组,过滤掉arg中的非函数,将arg直接赋值给这个类型
        this[type]=arg.filter(item=>typeof item=="function");
    }else {
       arg.forEach((item)=>{
           if(typeof item=="function"&&!this[type].includes(item)){
               this[type].push(item);
           }
       })
    }

};
Callbacks.prototype.remove=function (type,...arg) {
    //先判断有没有这个类型的数组,然后再去判断arg中每一项
    if(this[type]){
        arg.forEach((item)=>{
            if(this.has(type,item)){
                this[type].splice(this[type].indexOf(item),1)
            }
        })
    }
};
Callbacks.prototype.fire=function (type,...arg) {
    if(this[type]){
        this[type].forEach((item)=>{
            item.apply(this,arg)
        })
    }
};