搜尋
首頁web前端js教程詳解Node.js:events事件模組

詳解Node.js:events事件模組

Dec 05, 2016 pm 01:37 PM
node.js

Nodejs的大部分核心API都是基於非同步事件驅動設計的,所有可以分發事件的物件都是EventEmitter類別的實例。

大家知道,由於nodejs是單執行緒運作的,所以nodejs需要藉助事件輪詢,不斷去查詢事件佇列中的事件訊息,然後執行該事件對應的回呼函數,有點類似windows的訊息映射機制。至於更細的實現環節,可以另行查找資料。

下面介紹EventEmitter的使用。

1、監聽事件和分發事件

EventEmitter實例可以使用on或addListener監聽事件,emit()方法分發事件,如下圖:

const events = require('events'),
   EventEmitter = events.EventEmitter,
   util = require('util');
function myEmiter(){
  EventEmitter.call(this);
};
util.inherits(myEmiter,EventEmitter);//继承EventEmitter类
const myEmitterIns = new myEmiter();
myEmitterIns.on('data',(o)=>{
  console.log('receive the data:'+o.a);
});

  

執行結果如下:

E:developmentdocumentnodejsdemo>node event-example.js

receive the data:1

2、向事件監聽回調函數傳遞參數

2、向事件監聽回調函數傳遞參數


從上面的例子可以看出傳遞任意的參數集合給回呼函數,需要注意的一點是this關鍵字指向的是呼叫emit方法的EventEmiter實例,但在箭頭函數中例外,this指向的是全域this,因為箭頭函數中的this是在定義時綁定。如下圖所示:

class myEmiter extends EventEmitter{}//继承EventEmitter类
const myEmitterIns = new myEmiter();
 
myEmitterIns.on('data',(o)=>{
  console.log('receive the data:'+o.a);
});
myEmitterIns.emit('data',{a:1});

   

執行結果如下:

E:developmentdocumentnodejsdemo>node event-example.js

:Function 中: ], data1: [Function] },

_eventsCount: 2,

_maxListeners: undefined }

箭頭回呼函數中this:

{}

這裡講到箭頭函數中的this,就順便說一下,為什麼箭頭函數能夠實現定義時綁定this,就是因為箭頭函數內部根本就沒有綁定this的機制,它使用的是外層作用域的this,因此它也不能作為建構函數。

3、事件監聽程序的執行順序


EventEmiter實例可以綁定多個事件,當我們順序觸發這些事件時,EventEmiter會以同步模式執行,既第一個事件處理函數沒有完成,便不會觸發下一個事件,如下所示:

class myEmiter extends EventEmitter{}
const myEmitterIns = new myEmiter();
myEmitterIns.on('data',function(data){
  console.log("普通回调函数中this:");
  console.log(this);
});
myEmitterIns.on('data1',(data1)=>{
  console.log("箭头回调函数中this:");
  console.log(this);
});
myEmitterIns.emit('data',{a:1});
myEmitterIns.emit('data1',{a:1});

   


執行結果如下:

E:developmentdocumentnodejsdemo>node event-example.jso

data事件執行了: 4721.40121.當然我們可以在回呼函數中使用非同步操作,例如setTimeout,setImmediate或process.nextTick()等,從而實現非同步操作,例如setTimeout,setImmediate或process.nextTick()等,從而實現非同步的效果,如下所示:

class myEmiter extends EventEmitter{}
const myEmitterIns = new myEmiter();
myEmitterIns.on('data',function(data){
  console.time('data事件执行了');
  for(var i = 0 ; i< 100000; i++)
    for(var j = 0 ; j< 100000; j++)
      ;
  console.timeEnd(&#39;data事件执行了&#39;);
});
myEmitterIns.on(&#39;data1&#39;,(data1)=>{
  console.log("data1事件开始执行...");
});
myEmitterIns.emit(&#39;data&#39;,{a:1});
myEmitterIns.emit(&#39;data1&#39;,{a:1});

   

的執行結果node event-example.js

data1事件執行了...
data事件執行了...

4、一次性事件監聽

EventEmiter可以使用once監聽某個事件,則該事件處理程序只會觸發一次,之後emit該事件都會被忽略,因為監聽程式被註銷了,如下所示:

myEmitterIns.on(&#39;data&#39;,function(data){
  setImmediate(()=>{
    console.log(&#39;data事件执行了...&#39;);
  });
});

   

執行結果如下:

E:developmentdocumentnodejsdemonode

從上面的結果看出,'one'事件只執行了一次。

5、移除事件綁定

類似DOM事件監聽,EventEmiter也可以移除事件綁定,利用removeListener(eventName,listener)方法解除某個事件的綁定,因此回呼函數listenerener必須是命名函數,不然找不到該函數,因為函數是引用類型,就算函數體是一樣,也不是同一個函數,如下:

myEmitterIns.once(&#39;one&#39;,(data)=>{
  console.log(data);
});
myEmitterIns.emit(&#39;one&#39;,&#39;this is first call!&#39;);
myEmitterIns.emit(&#39;one&#39;,&#39;this is second call!&#39;);

   

執行結果如下:

E:deopmentdocumnodejsdeopmentdocumnode event-example.js

hello data!

E:developmentdocumentnodejsdemo>


從執行結果可以看出,data事件使用的是匿名函數,因此沒有被移除掉,而data1事件則成功解除綁定了。這裡需要注意一點的是emit觸發某個事件後,所有跟該事件綁定的回調函數都會被調用,即使你在某個回調函數中使用removeListener函數移除掉另一個回調也沒有用,但是隨後的事件隊列是移除了該回呼的。如下所示:

myEmitterIns.on(&#39;data&#39;,function(e){
  console.log(e);
});
myEmitterIns.removeListener(&#39;data&#39;,function(e){
  console.log(e);
});
myEmitterIns.emit(&#39;data&#39;,&#39;hello data!&#39;);
function deal(e){
  console.log(e);
}
myEmitterIns.on(&#39;data1&#39;,deal);
myEmitterIns.removeListener(&#39;data1&#39;,deal);
myEmitterIns.emit(&#39;data1&#39;,&#39;hello data1!&#39;);

6、取得事件監聽數量和監聽函數

使用emitter.listenerCount(eventName)函數取得指定事件的監聽數量,函數emitter.listeners(eventName)則可以用來取得指定事件的所有監聽函數,使用如下所示:

function dealData1(e){
  console.log(&#39;data事件执行了...A&#39;);
}
myEmitterIns.on(&#39;data&#39;,function(e){
  console.log(e);
  myEmitterIns.removeListener(&#39;data&#39;,dealData1);//这里解除dealData1的绑定
});
myEmitterIns.on(&#39;data&#39;,dealData1);
myEmitterIns.emit(&#39;data&#39;,&#39;data事件执行了...B&#39;);
/*执行结果为:
 data事件执行了...B
 data事件执行了...A
*/
//再次触发该事件时,dealData1回调已经被解除绑定了
myEmitterIns.emit(&#39;data&#39;,&#39;data事件执行了...&#39;);
//data事件执行了...
   
另外可以使用removeAllListeners()解除所有事件的绑定。

   


執行結果如下:

E:developmentdocumentnodejsdemo>node event-example.js Function: cbA], [Function: cbB] ]

7、獲取和設定emitter的最大監聽數量

nodejs對同一事件的監聽數量建議不宜超過10個,這個可以查看EventEmitter.defaultMaxListeners屬性便可得知,如下所示:

var cbA = ()=>{},
  cbB = ()=>{};
var emitter = new myEmiter();
emitter.on(&#39;data&#39;,cbA);
emitter.on(&#39;data&#39;,cbB);
console.log(&#39;emitter实例的data事件绑定了%d个回调函数&#39;,emitter.listenerCount(&#39;data&#39;));
console.log(&#39;它们是:&#39;,emitter.listeners(&#39;data&#39;));

   

emitter透過getMaxListeners()方法取得最大監聽數量以及setMaxListeners(n)方法設定最大監聽數量,如下所示:

console.log(EventEmitter.defaultMaxListeners);//结果为10个

   

執行結果如下:

E:developmentdocumentnodejsdemo>node event-example.js
emitter的事件最大監聽數是:1
(node:6808) Warning: Possible EventEmitter memory
(node:6808) Warning: Possible EventEmitter memory leakdata .m .setMaxListeners() to increase limit

如上結果所示,如果設定了最大監聽數量,則同一事件的監聽最好不要超過該最大值,否則很可能發送記憶體洩漏。


陳述
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
JavaScript的演變:當前的趨勢和未來前景JavaScript的演變:當前的趨勢和未來前景Apr 10, 2025 am 09:33 AM

JavaScript的最新趨勢包括TypeScript的崛起、現代框架和庫的流行以及WebAssembly的應用。未來前景涵蓋更強大的類型系統、服務器端JavaScript的發展、人工智能和機器學習的擴展以及物聯網和邊緣計算的潛力。

神秘的JavaScript:它的作用以及為什麼重要神秘的JavaScript:它的作用以及為什麼重要Apr 09, 2025 am 12:07 AM

JavaScript是現代Web開發的基石,它的主要功能包括事件驅動編程、動態內容生成和異步編程。 1)事件驅動編程允許網頁根據用戶操作動態變化。 2)動態內容生成使得頁面內容可以根據條件調整。 3)異步編程確保用戶界面不被阻塞。 JavaScript廣泛應用於網頁交互、單頁面應用和服務器端開發,極大地提升了用戶體驗和跨平台開發的靈活性。

Python還是JavaScript更好?Python還是JavaScript更好?Apr 06, 2025 am 12:14 AM

Python更适合数据科学和机器学习,JavaScript更适合前端和全栈开发。1.Python以简洁语法和丰富库生态著称,适用于数据分析和Web开发。2.JavaScript是前端开发核心,Node.js支持服务器端编程,适用于全栈开发。

如何安裝JavaScript?如何安裝JavaScript?Apr 05, 2025 am 12:16 AM

JavaScript不需要安裝,因為它已內置於現代瀏覽器中。你只需文本編輯器和瀏覽器即可開始使用。 1)在瀏覽器環境中,通過標籤嵌入HTML文件中運行。 2)在Node.js環境中,下載並安裝Node.js後,通過命令行運行JavaScript文件。

在Quartz中如何在任務開始前發送通知?在Quartz中如何在任務開始前發送通知?Apr 04, 2025 pm 09:24 PM

如何在Quartz中提前發送任務通知在使用Quartz定時器進行任務調度時,任務的執行時間是由cron表達式設定的。現�...

在JavaScript中,如何在構造函數中獲取原型鏈上函數的參數?在JavaScript中,如何在構造函數中獲取原型鏈上函數的參數?Apr 04, 2025 pm 09:21 PM

在JavaScript中如何獲取原型鏈上函數的參數在JavaScript編程中,理解和操作原型鏈上的函數參數是常見且重要的任�...

微信小程序webview中Vue.js動態style位移失效是什麼原因?微信小程序webview中Vue.js動態style位移失效是什麼原因?Apr 04, 2025 pm 09:18 PM

在微信小程序web-view中使用Vue.js動態style位移失效的原因分析在使用Vue.js...

在Tampermonkey中如何實現對多個鏈接的並發GET請求並依次判斷返回結果?在Tampermonkey中如何實現對多個鏈接的並發GET請求並依次判斷返回結果?Apr 04, 2025 pm 09:15 PM

在Tampermonkey中如何對多個鏈接進行並發GET請求並依次判斷返回結果?在Tampermonkey腳本中,我們經常需要對多個鏈...

See all articles

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

AI Hentai Generator

AI Hentai Generator

免費產生 AI 無盡。

熱門文章

R.E.P.O.能量晶體解釋及其做什麼(黃色晶體)
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳圖形設置
3 週前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您聽不到任何人,如何修復音頻
3 週前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解鎖Myrise中的所有內容
3 週前By尊渡假赌尊渡假赌尊渡假赌

熱工具

SublimeText3 英文版

SublimeText3 英文版

推薦:為Win版本,支援程式碼提示!

Atom編輯器mac版下載

Atom編輯器mac版下載

最受歡迎的的開源編輯器

WebStorm Mac版

WebStorm Mac版

好用的JavaScript開發工具

VSCode Windows 64位元 下載

VSCode Windows 64位元 下載

微軟推出的免費、功能強大的一款IDE編輯器

MinGW - Minimalist GNU for Windows

MinGW - Minimalist GNU for Windows

這個專案正在遷移到osdn.net/projects/mingw的過程中,你可以繼續在那裡關注我們。 MinGW:GNU編譯器集合(GCC)的本機Windows移植版本,可自由分發的導入函式庫和用於建置本機Windows應用程式的頭檔;包括對MSVC執行時間的擴展,以支援C99功能。 MinGW的所有軟體都可以在64位元Windows平台上運作。