快捷導(dǎo)航

node.js中的事件處理機(jī)制詳解

更新時(shí)間：2016年11月26日 09:43:03 作者：huber

相信接觸過(guò)編程的同學(xué)應(yīng)該都了解，在訪問(wèn)任何網(wǎng)頁(yè)的時(shí)候，會(huì)伴隨著許多的事件，例如點(diǎn)擊菜單，移動(dòng)鼠標(biāo)等等。那么node.js是如何處理的？下面通過(guò)這篇文章就來(lái)給大家詳細(xì)的介紹下node.js中的事件處理機(jī)制，有需要的朋友們可以參考借鑒，下面來(lái)一起學(xué)習(xí)學(xué)習(xí)吧。

EventEmitter類(lèi)

在Node.js的用于實(shí)現(xiàn)各種事件處理的event模塊中，定義了一個(gè)EventEmitter類(lèi)。所有可能觸發(fā)事件的對(duì)象都是一個(gè)集成了EventEmitter類(lèi)的子類(lèi)的實(shí)例對(duì)象，在Node.js中，為EventEmitter類(lèi)定義了許多方法，所有與對(duì)象的事件處理函數(shù)的綁定及解除相關(guān)的處理均依靠這些方法的調(diào)用來(lái)執(zhí)行。

EventEmitter類(lèi)的各種方法

event：代表事件名

listener：代表事件處理函數(shù)

中括號(hào)內(nèi)的參數(shù)代表該參數(shù)為可選參數(shù)

方法名與參數(shù)	描述
addListener(event,listener)	對(duì)指定事件綁定事件處理函數(shù)
on(event, listener)	對(duì)指定事件綁定事件處理函數(shù)（addListener方法的別名）
once(event, listener)	對(duì)指定事件指定只執(zhí)行一次的事件處理函數(shù)
removeListener(event, listener)	對(duì)指定事件接觸事件處理函數(shù)
setMaxListeners(n)	指定事件處理函數(shù)的最大數(shù)量，n為正數(shù)值，代表最大的可指定事件處理函數(shù)的數(shù)量
listeners(event)	獲取指定事件的所有事件處理函數(shù)
emit(event, [arg1], [arg2], [...])	手工觸發(fā)指定事件

EventEmitter類(lèi)的on方法

var http = require("http");
var server = http.createServer();
server.on("request", function(req, res){ 
 console.log(req.url); 
 res.end();
});
server.listen(1337, "127.0.0.1");

在這段代碼中，我們指定當(dāng)服務(wù)器接收到客戶端請(qǐng)求時(shí)，在你控制臺(tái)窗口中輸出客戶端請(qǐng)求的目標(biāo)的URL地址，并使用響應(yīng)對(duì)象的end方法立即結(jié)束響應(yīng)。

執(zhí)行代碼，然后在瀏覽器窗口中輸入：http://localhost:1337://，控制臺(tái)輸出如下：

控制臺(tái)輸出

當(dāng)然，也可以通過(guò)多個(gè)on方法的執(zhí)行來(lái)對(duì)同一個(gè)事件綁定多個(gè)事件處理函數(shù)。如下：

var http = require("http");
var server = http.createServer();

server.on('request', function(req, res){ 
 console.log('接收到客戶端請(qǐng)求')
})

server.on("request", function(req, res){ 
 console.log('處理客戶端請(qǐng)求') 
 console.log(req.url); 
 res.end();
})

server.on('request', function(req, res){
 console.log('發(fā)送響應(yīng)完畢')
})

server.listen(1337, "127.0.0.1");

OK，執(zhí)行代碼，控制臺(tái)輸出如下：

控制臺(tái)輸出

另外，在默認(rèn)情況下，針對(duì)同一個(gè)指定事件，最多可以綁定10個(gè)時(shí)間處理函數(shù)。可以通過(guò)setMaxListeners方法修改最多可以綁定的事件處理函數(shù)數(shù)量，方法如下：

emitter.setMaxListeners(n)

EventEmitter類(lèi)的once方法

EventEmiiter類(lèi)的once方法與on方法類(lèi)似，作用均為對(duì)指定事件綁定事件處理函數(shù)，區(qū)別在于，當(dāng)事件處理函數(shù)執(zhí)行一次后立即被接觸，即該事件處理函數(shù)只會(huì)被執(zhí)行一次。once方法所用參數(shù)與on方法所用參數(shù)相同，如下：

emitter.once(event, listener)

做個(gè)試驗(yàn)。

還是執(zhí)行如下代碼（同上）：

var http = require("http");
var server = http.createServer();

server.on('request', function(req, res){ 
 console.log('接收到客戶端請(qǐng)求')
})

server.on("request", function(req, res){ 
 console.log('處理客戶端請(qǐng)求') 
 console.log(req.url); 
 res.end();
})

server.on('request', function(req, res){
 console.log('發(fā)送響應(yīng)完畢')
})

server.listen(1337, "127.0.0.1");

然后，在瀏覽器窗口中連續(xù)打開(kāi)兩次127.0.0.1:1337，控制臺(tái)輸出如下：

顯示了兩次

然后將on事件修改為once事件，代碼如下：

var http = require("http");
var server = http.createServer();

server.once('request', function(req, res){ 
 console.log('接收到客戶端請(qǐng)求')
})

server.on("request", function(req, res){ 
 console.log('處理客戶端請(qǐng)求') 
 console.log(req.url); 
 res.end();
})

server.once('request', function(req, res){
 console.log('發(fā)送響應(yīng)完畢')
})

server.listen(1337, "127.0.0.1");

控制臺(tái)輸出如下：

請(qǐng)求處理2次，其余只打印1次！

使用removeListener方法取消事件處理函數(shù)

代碼如下：

var http = require("http");
var server = http.createServer();
var testFunction = function (req,res) {
 console.log('發(fā)送響應(yīng)完畢')
}

server.on('request', function(req, res){
 console.log('接收到客戶端請(qǐng)求')
})

server.on("request", function(req, res){
 console.log('處理客戶端請(qǐng)求')
 console.log(req.url);
 res.end();
})

server.on('request', testFunction)
//刪除
server.removeListener('request', testFunction)
server.listen(1337, "127.0.0.1");

運(yùn)行代碼，在瀏覽器窗口輸入127.0.0.1:1337，控制臺(tái)輸出如下

控制臺(tái)輸出

emit方法：自定義事件并將其觸發(fā)

代碼如下：

var http = require("http");
var server = http.createServer();

server.on("request", function(req, res){
 console.log(req.url);
});

//自定義事件
server.on("customEvent", function(arg1, arg2, arg3){
 console.log("自定義事件被觸發(fā)");
 console.log(arg1);
 console.log(arg2);
 console.log(arg3);
});

//觸發(fā)自定義事件
server.emit('customEvent', '自定義參數(shù)1', '自定義參數(shù)2', '自定義參數(shù)3')
server.listen(1337, "127.0.0.1");

這次不在瀏覽器窗口中輸入地址，直接運(yùn)行代碼查看控制臺(tái)輸出，控制臺(tái)輸出如下：

控制臺(tái)輸出