node.js中事件觸發(fā)器events的使用方法實(shí)例分析
本文實(shí)例講述了node.js中事件觸發(fā)器events的使用方法。分享給大家供大家參考,具體如下:
node.js是基于事件驅(qū)動的,通過events,我們可以方便的創(chuàng)建事件,并通過觸發(fā)事件來調(diào)用我們自定義的監(jiān)聽函數(shù)。
所有能觸發(fā)事件的對象都應(yīng)該是 EventEmitter 類的實(shí)例,一般我們自定義一個類繼承于 EventEmitter 類。
通過on()方法我們可以綁定事件與監(jiān)聽函數(shù):
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); //通過on來綁定事件與監(jiān)聽函數(shù) e.on('click', function () { console.log('點(diǎn)擊了'); }); //通過emit觸發(fā)事件 e.emit('click');
emit()方法可以傳遞多個參數(shù)給監(jiān)聽函數(shù)使用:
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); //通過on來綁定事件與監(jiān)聽函數(shù) e.on('click', function (...args) { args.forEach(function (value) { console.log(value); }); }); //通過emit觸發(fā)事件 e.emit('click', 1, 2, 3);
addListener()方法是on()方法的別名,具體的使用,可以看on()方法。
once() 方法添加單次執(zhí)行的事件與監(jiān)聽函數(shù),只會執(zhí)行一次。
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); e.once('click', function () { console.log('點(diǎn)擊'); }); //多次觸發(fā)事件,只會執(zhí)行一次 e.emit('click'); e.emit('click'); e.emit('click');
我們也可以通過 removeListener() 方法刪除指定的監(jiān)聽處理函數(shù),還有一個同名函數(shù) off(),用法一樣。
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); function click() { console.log('點(diǎn)擊'); } function move() { console.log('移動'); } e.on('事件', click); e.on('事件', move); //觸發(fā)事件 e.emit('事件'); //我們刪除其中一個綁定事件 e.off('事件', click); //再次觸發(fā)事件后,被刪除的綁定事件就無法執(zhí)行了。 e.emit('事件');
當(dāng)我們?yōu)槟硞€事件綁定過多監(jiān)聽函數(shù)時(shí),就會打印警告,默認(rèn)是 10 個,我們可以使用 setMaxListeners() 來設(shè)置最大監(jiān)聽數(shù)量
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); function click() { console.log('點(diǎn)擊'); } //如果設(shè)置0,則表示不受限制 e.setMaxListeners(0); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.on('事件', click); e.emit('事件');
通過 listeners() 函數(shù)可以返回指定事件的所有監(jiān)聽函數(shù)
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); function click() { console.log('點(diǎn)擊'); } function move() { console.log('移動'); } e.on('事件', click); e.on('事件', move); //獲取該事件的所有監(jiān)聽函數(shù) let arr = e.listeners('事件'); //循環(huán)調(diào)用 arr.forEach(function (fn) { fn(); });
通過 eventNames() 獲取所有事件名數(shù)組
const Events = require('events'); //自定義一個類,繼承于EventEmitter類 class MyEvent extends Events { } //實(shí)例化一個我們自定義的事件類 let e = new MyEvent(); function click() { console.log('點(diǎn)擊'); } function move() { console.log('移動'); } e.on('點(diǎn)擊', click); e.on('移動', move); //獲取所有事件名數(shù)組 console.log(e.eventNames());
事件對象的 'newListener' 和 'removeListener' 事件
事件對象添加新的監(jiān)聽器之前,會觸發(fā)自身的 'newListener' 事件。
事件對象刪除監(jiān)聽器后觸發(fā) 'removeListener' 事件。
const Events = require('events'); class MyEvent extends Events { } let e = new MyEvent(); //注意 'newListener' 事件是在添加監(jiān)聽器之前觸發(fā)的 e.once('newListener', function (eventName, listener) { console.log(eventName, '事件被添加'); //所以這里的事件回調(diào)會先執(zhí)行 e.on('click', function () { console.log('我比點(diǎn)擊了,先顯示'); }); }); //注意 'removeListener' 事件是在監(jiān)聽器移除后觸發(fā) e.on('removeListener', function (eventName, listener) { console.log(eventName, '事件被刪除'); }); //綁定click事件 e.on('click', function () { console.log('點(diǎn)擊了'); }); //觸發(fā)click事件 e.emit('click'); //移除事件 e.removeAllListeners('click');
希望本文所述對大家node.js程序設(shè)計(jì)有所幫助。
相關(guān)文章
Node.js實(shí)現(xiàn)解析post請求的方法詳解
這篇文章主要為大家詳細(xì)介紹了Node.js實(shí)現(xiàn)解析post請求方法的相關(guān)知識,文中的示例代碼講解詳細(xì),具有一定的學(xué)習(xí)價(jià)值,有需要的小伙伴可以了解下2024-04-04node.js使用express框架進(jìn)行文件上傳詳解
在本篇內(nèi)容里小編給大家整理了關(guān)于node.js使用express框架進(jìn)行文件上傳的相關(guān)知識點(diǎn)內(nèi)容,有需要的朋友們跟著學(xué)習(xí)下。2019-03-03nodejs如何在package.json中設(shè)置多條啟動命令
這篇文章主要介紹了nodejs如何在package.json中設(shè)置多條啟動命令,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-03-03基于Node.js的強(qiáng)大爬蟲 能直接發(fā)布抓取的文章哦
基于Node.js的強(qiáng)大爬蟲能直接發(fā)布抓取的文章哦!本爬蟲源碼基于WTFPL協(xié)議,感興趣的小伙伴們可以參考一下2016-01-01node-gyp安裝vuetify編譯失敗gyp?ERR的問題及解決
這篇文章主要介紹了node-gyp安裝vuetify編譯失敗gyp?ERR的問題及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教2023-03-03node.js中RPC(遠(yuǎn)程過程調(diào)用)的實(shí)現(xiàn)原理介紹
這篇文章主要介紹了node.js中RPC(遠(yuǎn)程過程調(diào)用)的實(shí)現(xiàn)原理介紹,本文基于一個簡單的RPC庫nodejs light_rpc實(shí)現(xiàn),需要的朋友可以參考下2014-12-12