首頁 >微信小程式 >小程式開發 >小程式開發中使用事件監聽器的方法介紹

小程式開發中使用事件監聽器的方法介紹

青灯夜游
青灯夜游轉載
2020-04-24 09:22:113851瀏覽

小程式開發中使用事件監聽器的方法介紹

事件監聽在開發中經常會用到,在程式語言中,監聽器是一個專門用於對其他物件身上發生的事件或狀態改變進行監聽和相應處理的對象,當被監視的對象發生狀況時,立即採取相應的行動。監聽器的特點是被動觸發,而且觸發事件執行是即時的。小程式開發中也有這樣一個處理事件機制,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不會打亂物件原有的繼承關係。

推薦:《小程式開發教學

以上是小程式開發中使用事件監聽器的方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:jisuapp.cn。如有侵權,請聯絡admin@php.cn刪除