node.js自定義實現EventEmitter的方法是什么

這篇文章主要講解了“node.js自定義實現EventEmitter的方法是什么”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“node.js自定義實現EventEmitter的方法是什么”吧！

一、是什么

我們了解到，Node采用了事件驅動機制，而EventEmitter就是Node實現事件驅動的基礎。在EventEmitter的基礎上，Node幾乎所有的模塊都繼承了這個類，這些模塊擁有了自己的事件，可以綁定／觸發監聽器，實現了異步操作。Node.js 里面的許多對象都會分發事件，比如 fs.readStream 對象會在文件被打開的時候觸發一個事件。這些產生事件的對象都是 events.EventEmitter 的實例，這些對象有一個 eventEmitter.on() 函數，用于將一個或多個函數綁定到命名事件上。

二、nodejs中EventEmitter使用方法

Node的events模塊只提供了一個EventEmitter類，這個類實現了Node異步事件驅動架構的基本模式――觀察者模式
在這種模式中，被觀察者(主體)維護著一組其他對象派來(注冊)的觀察者，有新的對象對主體感興趣就注冊觀察者，不感興趣就取消訂閱，主體有更新的話就依次通知觀察者們

const EventEmitter = require("events")
class MyEmitter extends EventEmitter {}
const myEmitter = new MyEmitter()
function callback() {
    console.log("觸發了event事件！")
}
myEmitter.on("event", callback)
myEmitter.emit("event")
myEmitter.removeListener("event", callback);

三、實現過程

基本代碼如下所示：

//事件派發機制
(function() {
    var EventDispatcher = function() {
        var EventDispatcherClosure = function() {

        };
        EventDispatcherClosure.prototype = {
            /**
             * 注冊事件
             * @param {Object} key
             * @param {Object} fn
             */
            on: function(key, fn) {
                //獲取當前的事件對象
                var curEvents = this._getCurEvents(key);
                //先檢查該事件是否已經注冊過了
                var flag = false;
                for (var i = 0, len = curEvents.length; i < len; i++) {
                    if (curEvents[i].name == fn.name) {
                        //已經出現過了,以最新注冊的函數為主
                        flag = true;
                        curEvents[i] = fn;
                        break;
                    }
                }
                if (!flag) {
                    curEvents[curEvents.length] = fn;
                }
                this._register(key, curEvents);
            },
            /**
             * 派發事件
             * @param {Object} key
             * @param {Object} data
             */
            dispatch: function(key) {
                //獲取當前的事件對象
                var curEvents = this._getCurEvents(key);
                var shouldDispatch = true;
                for (var i = 0, len = curEvents.length; shouldDispatch && i < len; i++) {
                    try {
                        //獲取參數
                        var args = [];
                        for (var j = 1, len1 = arguments.length; j < len1; j++) {
                            args.push(arguments[j]);
                        }
                        shouldDispatch = curEvents[i].apply({}, args);
                    } catch (e) {
                        shouldDispatch = false;
                    }
                }
                return shouldDispatch;
            },
            remove: function(key) {
                if (this._getCurEvents(key)) {
                    delete EventDispatcherClosure.events[key];
                }
            },
            /**
             * 根據key獲取事件列表
             * @param {Object} key
             */
            _getCurEvents: function(key) {
                return EventDispatcherClosure.events[key] || [];
            },
            /**
             * 注冊時間
             * @param {Object} key
             * @param {Object} events
             */
            _register: function(key, events) {
                EventDispatcherClosure.events[key] = events;
            },
        };
        EventDispatcherClosure.events = {};
        return {
            create: function() {
                return new EventDispatcherClosure();
            }
        };
    };
    window.EventDispatcher = new EventDispatcher().create();
})();

首先定義一個全局變量的匿名函數，然后將全局變量掛在window上面，這樣可以讓我們在開發過程中的調用。在匿名函數的原型鏈上面添加事件分發、事件監聽、事件刪除等方法。

事件分發的調用

EventDispatcher.dispatch("test", obj)

事件監聽

EventDispatcher.on("test", function callback(obj) {
})

事件刪除

EventDispatcher.on("test")

代碼封裝的比較簡單

感謝各位的閱讀，以上就是“node.js自定義實現EventEmitter的方法是什么”的內容了，經過本文的學習后，相信大家對node.js自定義實現EventEmitter的方法是什么這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！