[TOC]
## 概述
### 基本用法
Events模塊是node.js對“發布/訂閱”模式(publish/subscribe)的部署。一個對象通過這個模塊,向另一個對象傳遞消息。該模塊通過EventEmitter屬性,提供了一個構造函數。該構造函數的實例具有on方法,可以用來監聽指定事件,并觸發回調函數。任意對象都可以發布指定事件,被EventEmitter實例的on方法監聽到。
下面是一個實例,先建立一個消息中心,然后通過on方法,為各種事件指定回調函數,從而將程序轉為事件驅動型,各個模塊之間通過事件聯系。
~~~
var EventEmitter = require("events").EventEmitter;
var ee = new EventEmitter();
ee.on("someEvent", function () {
console.log("event has occured");
});
ee.emit("someEvent");
~~~
上面代碼在加載events模塊后,通過EventEmitter屬性建立了一個EventEmitter對象實例,這個實例就是消息中心。然后,通過on方法為someEvent事件指定回調函數。最后,通過emit方法觸發someEvent事件。
### on方法
默認情況下,Node.js允許同一個事件最多可以指定10個回調函數。
~~~
ee.on("someEvent", function () { console.log("event 1"); });
ee.on("someEvent", function () { console.log("event 2"); });
ee.on("someEvent", function () { console.log("event 3"); });
~~~
超過10個回調函數,會發出一個警告。這個門檻值可以通過setMaxListeners方法改變。
~~~
ee.setMaxListeners(20);
~~~
### emit方法
EventEmitter實例的emit方法,用來觸發事件。它的第一個參數是事件名稱,其余參數都會依次傳入回調函數。
~~~
var EventEmitter = require('events').EventEmitter;
var myEmitter = new EventEmitter;
var connection = function(id){
console.log('client id: ' + id);
};
myEmitter.on('connection', connection);
myEmitter.emit('connection', 6);
~~~
## EventEmitter接口的部署
Events模塊的作用,還在于其他模塊可以部署EventEmitter接口,從而也能夠訂閱和發布消息。
~~~
var EventEmitter = require('events').EventEmitter;
function Dog(name) {
this.name = name;
}
Dog.prototype.__proto__ = EventEmitter.prototype;
// 另一種寫法
// Dog.prototype = Object.create(EventEmitter.prototype);
var simon = new Dog('simon');
simon.on('bark', function(){
console.log(this.name + ' barked');
});
setInterval(function(){
simon.emit('bark');
}, 500);
~~~
上面代碼新建了一個構造函數Dog,然后讓其繼承EventEmitter,因此Dog就擁有了EventEmitter的接口。最后,為Dog的實例指定bark事件的監聽函數,再使用EventEmitter的emit方法,觸發bark事件。
Node內置模塊util的inherits方法,提供了另一種繼承EventEmitter的寫法。
~~~
var util = require('util');
var EventEmitter = require('events').EventEmitter;
var Radio = function(station) {
var self = this;
setTimeout(function() {
self.emit('open', station);
}, 0);
setTimeout(function() {
self.emit('close', station);
}, 5000);
this.on('newListener', function(listener) {
console.log('Event Listener: ' + listener);
});
};
util.inherits(Radio, EventEmitter);
module.exports = Radio;
~~~
上面代碼中,Radio是一個構造函數,它的實例繼承了EventEmitter接口。下面是使用這個模塊的例子。
~~~
var Radio = require('./radio.js');
var station = {
freq: '80.16',
name: 'Rock N Roll Radio',
};
var radio = new Radio(station);
radio.on('open', function(station) {
console.log('"%s" FM %s 打開', station.name, station.freq);
console.log('? ??');
});
radio.on('close', function(station) {
console.log('"%s" FM %s 關閉', station.name, station.freq);
});
~~~
## 事件類型
Events模塊默認支持兩個事件。
* newListener事件:添加新的回調函數時觸發。
* removeListener事件:移除回調時觸發。
~~~
ee.on("newListener", function (evtName){
console.log("New Listener: " + evtName);
});
ee.on("removeListener", function (evtName){
console.log("Removed Listener: " + evtName);
});
function foo (){}
ee.on("save-user", foo);
ee.removeListener("save-user", foo);
// New Listener: removeListener
// New Listener: save-user
// Removed Listener: save-user
~~~
上面代碼會觸發兩次newListener事件,以及一次removeListener事件。
## EventEmitter實例的方法
### once方法
該方法類似于on方法,但是回調函數只觸發一次。
~~~
var EventEmitter = require('events').EventEmitter;
var myEmitter = new EventEmitter;
myEmitter.once('message', function(msg){
console.log('message: ' + msg);
});
myEmitter.emit('message', 'this is the first message');
myEmitter.emit('message', 'this is the second message');
myEmitter.emit('message', 'welcome to nodejs');
~~~
上面代碼觸發了三次message事件,但是回調函數只會在第一次調用時運行。
下面代碼指定,一旦服務器連通,只調用一次的回調函數。
~~~
server.once('connection', function (stream) {
console.log('Ah, we have our first user!');
});
~~~
該方法返回一個EventEmitter對象,因此可以鏈式加載監聽函數。
### removeListener方法
該方法用于移除回調函數。它接受兩個參數,第一個是事件名稱,第二個是回調函數名稱。這就是說,不能用于移除匿名函數。
~~~
var EventEmitter = require('events').EventEmitter;
var emitter = new EventEmitter;
emitter.on('message', console.log);
setInterval(function(){
emitter.emit('message', 'foo bar');
}, 300);
setTimeout(function(){
emitter.removeListener('message', console.log);
}, 1000);
~~~
上面代碼每300毫秒觸發一次message事件,直到1000毫秒后取消監聽。
另一個例子是使用removeListener方法模擬once方法。
~~~
var EventEmitter = require('events').EventEmitter;
var emitter = new EventEmitter;
function onlyOnce () {
console.log("You'll never see this again");
emitter.removeListener("firstConnection", onlyOnce);
}
emitter.on("firstConnection", onlyOnce);
~~~
(3)removeAllListeners方法
該方法用于移除某個事件的所有回調函數。
~~~
var EventEmitter = require('events').EventEmitter;
var emitter = new EventEmitter;
// some code here
emitter.removeAllListeners("firstConnection");
~~~
如果不帶參數,則表示移除所有事件的所有回調函數。
~~~
emitter.removeAllListeners();
~~~
(4)listener方法
該方法接受一個事件名稱作為參數,返回該事件所有回調函數組成的數組。
~~~
var EventEmitter = require('events').EventEmitter;
var ee = new EventEmitter;
function onlyOnce () {
console.log(ee.listeners("firstConnection"));
ee.removeListener("firstConnection", onlyOnce);
console.log(ee.listeners("firstConnection"));
}
ee.on("firstConnection", onlyOnce)
ee.emit("firstConnection");
ee.emit("firstConnection");
// [ [Function: onlyOnce] ]
// []
~~~
上面代碼顯示兩次回調函數組成的數組,第一次只有一個回調函數onlyOnce,第二次是一個空數組,因為removeListener方法取消了回調函數。
## 參考鏈接
* Hage Yaapa,?[Node.js EventEmitter Tutorial](http://www.hacksparrow.com/node-js-eventemitter-tutorial.html)
- 第一章 導論
- 1.1 前言
- 1.2 為什么學習JavaScript?
- 1.3 JavaScript的歷史
- 第二章 基本語法
- 2.1 語法概述
- 2.2 數值
- 2.3 字符串
- 2.4 對象
- 2.5 數組
- 2.6 函數
- 2.7 運算符
- 2.8 數據類型轉換
- 2.9 錯誤處理機制
- 2.10 JavaScript 編程風格
- 第三章 標準庫
- 3.1 Object對象
- 3.2 Array 對象
- 3.3 包裝對象和Boolean對象
- 3.4 Number對象
- 3.5 String對象
- 3.6 Math對象
- 3.7 Date對象
- 3.8 RegExp對象
- 3.9 JSON對象
- 3.10 ArrayBuffer:類型化數組
- 第四章 面向對象編程
- 4.1 概述
- 4.2 封裝
- 4.3 繼承
- 4.4 模塊化編程
- 第五章 DOM
- 5.1 Node節點
- 5.2 document節點
- 5.3 Element對象
- 5.4 Text節點和DocumentFragment節點
- 5.5 Event對象
- 5.6 CSS操作
- 5.7 Mutation Observer
- 第六章 瀏覽器對象
- 6.1 瀏覽器的JavaScript引擎
- 6.2 定時器
- 6.3 window對象
- 6.4 history對象
- 6.5 Ajax
- 6.6 同域限制和window.postMessage方法
- 6.7 Web Storage:瀏覽器端數據儲存機制
- 6.8 IndexedDB:瀏覽器端數據庫
- 6.9 Web Notifications API
- 6.10 Performance API
- 6.11 移動設備API
- 第七章 HTML網頁的API
- 7.1 HTML網頁元素
- 7.2 Canvas API
- 7.3 SVG 圖像
- 7.4 表單
- 7.5 文件和二進制數據的操作
- 7.6 Web Worker
- 7.7 SSE:服務器發送事件
- 7.8 Page Visibility API
- 7.9 Fullscreen API:全屏操作
- 7.10 Web Speech
- 7.11 requestAnimationFrame
- 7.12 WebSocket
- 7.13 WebRTC
- 7.14 Web Components
- 第八章 開發工具
- 8.1 console對象
- 8.2 PhantomJS
- 8.3 Bower:客戶端庫管理工具
- 8.4 Grunt:任務自動管理工具
- 8.5 Gulp:任務自動管理工具
- 8.6 Browserify:瀏覽器加載Node.js模塊
- 8.7 RequireJS和AMD規范
- 8.8 Source Map
- 8.9 JavaScript 程序測試
- 第九章 JavaScript高級語法
- 9.1 Promise對象
- 9.2 有限狀態機
- 9.3 MVC框架與Backbone.js
- 9.4 嚴格模式
- 9.5 ECMAScript 6 介紹
- 附錄
- 10.1 JavaScript API列表
- 草稿一:函數庫
- 11.1 Underscore.js
- 11.2 Modernizr
- 11.3 Datejs
- 11.4 D3.js
- 11.5 設計模式
- 11.6 排序算法
- 草稿二:jQuery
- 12.1 jQuery概述
- 12.2 jQuery工具方法
- 12.3 jQuery插件開發
- 12.4 jQuery.Deferred對象
- 12.5 如何做到 jQuery-free?
- 草稿三:Node.js
- 13.1 Node.js 概述
- 13.2 CommonJS規范
- 13.3 package.json文件
- 13.4 npm模塊管理器
- 13.5 fs 模塊
- 13.6 Path模塊
- 13.7 process對象
- 13.8 Buffer對象
- 13.9 Events模塊
- 13.10 stream接口
- 13.11 Child Process模塊
- 13.12 Http模塊
- 13.13 assert 模塊
- 13.14 Cluster模塊
- 13.15 os模塊
- 13.16 Net模塊和DNS模塊
- 13.17 Express框架
- 13.18 Koa 框架