一刊懈、基礎(chǔ)用法
參考
《Node.js開發(fā)指南 ByVoid》Page 65
Node.js 事件循環(huán)
Node.js中文網(wǎng) events事件觸發(fā)器
Node.js 是單進(jìn)程單線程應(yīng)用程序，但是通過事件和回調(diào)支持并發(fā)瘪吏，所以性能非常高。
Node.js 的每一個(gè) API 都是異步的花墩，并作為一個(gè)獨(dú)立線程運(yùn)行天梧，使用異步函數(shù)調(diào)用，并處理并發(fā)划址。
Node.js 基本上所有的事件機(jī)制都是用設(shè)計(jì)模式中觀察者模式實(shí)現(xiàn)。
Node.js 單線程類似進(jìn)入一個(gè)while(true)的事件循環(huán)限府，直到?jīng)]有事件觀察者退出夺颤，每個(gè)異步事件都生成一個(gè)事件觀察者，如果有事件發(fā)生就調(diào)用該回調(diào)函數(shù).
Node.js 有多個(gè)內(nèi)置的事件胁勺，我們可以通過引入 events 模塊世澜，并通過實(shí)例化 EventEmitter 類來綁定和監(jiān)聽事件，如下實(shí)例：
var events = require('events');
var emitter = new events.EventEmitter();
emitter.on('someEvent', function(arg1, arg2) {
console.log('listener1', arg1, arg2);
});
emitter.on('someEvent', function(arg1, arg2) {
console.log('listener2', arg1, arg2);
});
emitter.emit('someEvent', 'byvoid', 1991);
//運(yùn)行的結(jié)果是：
//listener1 byvoid 1991
//listener2 byvoid 1991
這就是 EventEmitter 最簡(jiǎn)單的用法署穗。接下來我們介紹一下 EventEmitter 常用的API寥裂。
- EventEmitter.on(event, listener) 為指定事件注冊(cè)一個(gè)監(jiān)聽器，接受一個(gè)字符串 event 和一個(gè)回調(diào)函數(shù) listener 案疲。
- EventEmitter.emit(event, [arg1], [arg2], [...]) 發(fā)射 event 事件抚恒，傳遞若干可選參數(shù)到事件監(jiān)聽器的參數(shù)表。
- EventEmitter.once(event, listener) 為指定事件注冊(cè)一個(gè)單次監(jiān)聽器络拌，即監(jiān)聽器最多只會(huì)觸發(fā)一次俭驮，觸發(fā)后立刻解除該監(jiān)聽器。
- EventEmitter.removeListener(event, listener) 移除指定事件的某個(gè)監(jiān)聽器， listener 必須是該事件已經(jīng)注冊(cè)過的監(jiān)聽器混萝。
- EventEmitter.removeAllListeners([event]) 移除所有事件的所有監(jiān)聽器遗遵，如果指定 event ，則移除指定事件的所有監(jiān)聽器逸嘀。
大多數(shù)時(shí)候我們不會(huì)直接使用 EventEmitter 车要，而是在對(duì)象中繼承它。包括 fs 崭倘、 net 翼岁、http 在內(nèi)的，只要是支持事件響應(yīng)的核心模塊都是 EventEmitter 的子類司光。為什么要這樣做呢琅坡？原因有兩點(diǎn)。首先残家，具有某個(gè)實(shí)體功能的對(duì)象實(shí)現(xiàn)事件符合語義榆俺，事件的監(jiān)聽和發(fā)射應(yīng)該是一個(gè)對(duì)象的方法。其次 JavaScript 的對(duì)象機(jī)制是基于原型的坞淮，支持部分多重繼承茴晋，繼承 EventEmitter 不會(huì)打亂對(duì)象原有的繼承關(guān)系。
二回窘、前端使用
這里要使用Browserify了诺擅，參考Browserify + watchify
// require the core node events module
var EventEmitter = require('events').EventEmitter;
//create a new event emitter
var emitter = new EventEmitter;
// set up a listener for the event
emitter.on('teach', function(message){
console.log(message);
});
// emit an event
emitter.emit('teach', 'tell me how to use browserify');
創(chuàng)建index.js文件，把上面的代碼寫入index.js文件中啡直。用browserify編譯index.js文件到bundle.js：browserify index.js -o bundle.js掀虎，創(chuàng)建index.html
<!DOCTYPE html>
<html>
<head>
<title>node / browserify example</title>
</head>
<body>
<script src="./bundle.js"></script>
</body>
</html>
查看控制臺(tái)，我們可以看到控制臺(tái)里輸出了tell me how to use browserify付枫。
