一个非常简单的seajs事件分发模块

最新推荐文章于 2022-10-14 09:48:49 发布

wuya1994

最新推荐文章于 2022-10-14 09:48:49 发布

阅读量1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： seajs 文章标签： seajs 事件

本文链接：https://blog.youkuaiyun.com/wuya1994/article/details/52549873

seajs 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个简单的事件分发模块实现，该模块可通过$on监听事件并使用$emit触发事件，适用于解决模块间的通信问题。

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

刚看了一下seajs，突发奇想写一个事件的分发模块，可以方便的进行事件的播放已经监听，可偷懒的解决循环依赖或者较为麻烦的不同模块的controller之间的通信：

define(function (require, exports, module) {

    function EventEmitter() {
        var self = this;

        if (!self.hasOwnProperty('events')) {
            Object.defineProperty(self, 'events', {
                value: {},
                writable: false
            });
        }

        if (!self.hasOwnProperty('$on')) {
            Object.defineProperty(self, '$on', {
                value: function (name, cb) {
                    if (typeof name == 'string' && typeof cb == 'function') {
                        if (!self.events.hasOwnProperty(name)) {
                            Object.defineProperty(self.events, name, {
                                value: [],
                                writable: false
                            });
                        }
                        if (self.events[name].indexOf(cb) < 0) {
                            self.events[name].push(cb);
                        }
                    }
                },
                writable: false
            });
        }

        if (!self.hasOwnProperty('$emit')) {
            Object.defineProperty(self, '$emit', {
                value: function (name, data) {
                    if (typeof name == 'string' && self.events.hasOwnProperty(name)) {
                        self.events[name].forEach(function (func) {
                            if (typeof func == 'function') {
                                func(data);
                            }
                        });
                    }
                },
                writable: false
            });
        }
    }

    module.exports = new EventEmitter();

});

代码非常简单，功能也非常简单，通过$on来监听事件，注册监听函数，通过$emit来发送事件消息，没有做其他的例如阻止冒泡之类的操作，仅供交流。