js 发布订阅

timelessmemoryli

于 2016-12-29 16:25:17 发布

阅读量144

点赞数

CC 4.0 BY-SA版权

分类专栏： js 文章标签： javascript ViewUI

本文链接：https://blog.youkuaiyun.com/u014788227/article/details/84833199

js 专栏收录该内容

31 篇文章

订阅专栏

本文介绍了一个简单的事件监听机制实现，包括注册监听器、触发事件及移除监听器等功能。通过这个机制，开发者可以轻松地为应用程序添加事件响应逻辑。

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

var Event = (function() {
    var clientList = {};
    var listen,
        trigger,
        remove;
    listen = function(key, fn) {
        if (!clientList[key]) {
            clientList[key] = [];
        }
        clientList[key].push(fn);
    };

    trigger = function() {
        var key = [].shift.call(arguments);
        var fns = clientList[key];

        if (!fns || fns.length === 0) {
            return false;
        }

        for (var i = 0, fn; fn = fns[i++];) {
            fn.apply(this, arguments);
        }
    };


    remove = function(key, fn) {
        var fns = clientList[key];

        // key对应的消息么有被人订阅
        if (!fns) {
            return false;
        }

        // 没有传入fn(具体的回调函数), 表示取消key对应的所有订阅
        if (!fn) {
            fns && (fns.length = 0);
        }
        else {
            // 反向遍历
            for (var i = fns.length - 1; i >= 0; i--) {
                var _fn = fns[i];
                if (_fn === fn) {
                    // 删除订阅回调函数
                    fns.splice(i, 1);
                }
            }
        }
    };

    return {
        listen: listen,
        trigger: trigger,
        remove: remove
    }
}());