1. 程式人生 > >小程式製作中如何使用事件監聽器?

小程式製作中如何使用事件監聽器?

事件監聽在開發中經常會用到,在程式語言中,監聽器是一個專門用於對其他物件身上發生的事件或狀態改變進行監聽和相應處理的物件,當被監視的物件發生情況時,立即採取相應的行動。監聽器的特點是被動觸發,而且觸發事件執行是即時的。小程式開發中也有這樣一個處理事件機制,Node.js所有的非同步 I/O 操作在完成時都會發送一個事件到事件佇列。Node.js裡面的許多物件都會分發事件:一個net.Server物件會在每次有新連線時分發一個事件,一個fs.readStream物件會在檔案被開啟的時候發出一個事件。所有這些產生事件的物件都是 events.EventEmitter 的例項。

events 模組只提供了一個物件: events.EventEmitter

EventEmitter的核心就是事件觸發與事件監聽器功能的封裝。

EventEmitter的每個事件由一個事件名和若干個引數組成,事件名是一個字串,通常表達一定的語義。對於每個事件,EventEmitter 支援 若干個事件監聽器。

當事件觸發時,註冊到這個事件的事件監聽器被依次呼叫,事件引數作為回撥函式引數傳遞。

//event.js 檔案

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\',\'arg1 引數\', \'arg2 引數\');

addListener(event,listener) 為指定事件新增一個監聽器到監聽器陣列的尾部。

on(event,listener) 為指定事件註冊一個監聽器,接受一個字串 event 和一個回撥函式。

once(event,listener) 為指定事件註冊一個單次監聽器,即 監聽器最多隻會觸發一次,觸發後立刻解除該監聽器。

小程式製作中如何使用事件監聽器

removeListener(event,listener) 移除指定事件的某個監聽器,監聽器必須是該事件已經註冊過的監聽器。

它接受兩個引數,第一個是事件名稱,第二個是回撥函式名稱。

removeAllListeners([event])移除所有事件的所有監聽器, 如果指定事件,則移除指定事件的所有監聽器。

setMaxListeners(n)預設情況下, EventEmitters 如果你新增的監聽器超過 10 個就會輸出警告資訊。 setMaxListeners 函式用於提高監聽器的預設限制的數量。

listeners(event)返回指定事件的監聽器陣列。

emit(event,[arg1], [arg2], […]) 按引數的順序執行每個監聽器,如果事件有註冊監聽返回 true,否則返回 false。

類方法中listenerCount(emitter,event)返回指定事件的監聽器數量。

監聽事件

removeListener從指定監聽器陣列中刪除一個監聽器。需要注意的是,此操作將會改變處於被刪監聽器之後的那些監聽器的索引。

event - 字串,事件名稱

listener - 處理事件函式

newListener 該事件在新增新監聽器時被觸發。

event - 字串,事件名稱

listener - 處理事件函式

error 它包含了錯誤的語義,我們在遇到 異常的時候通常會觸發 error 事件。

當 error 被觸發時,EventEmitter 規定如果沒有響 應的監聽器,Node.js 會把它當作異常,退出程式並輸出錯 誤資訊。我們一般要為會觸發 error 事件的物件設定監聽器,避免遇到錯誤後整個程式崩潰。

大多數時候我們不會直接使用 EventEmitter,而是在物件中繼承它。包括 fs、net、 http在內的,只要是支援事件響應的核心模組都是EventEmitter的子類。這樣做的好處在於具有某個實體功能的物件實現事件符合語義, 事件的監聽和發射應該是一個物件的方法。其次js的物件機制是基於原型的,支援部分多重繼承,繼承EventEmitter不會打亂物件原有的繼承關係。

更多詳情留意小程式資訊,為提供小程式開發教程小程式測評以及最新資訊