在 Node.js 中,Event是非常核心的模塊,大部分的核心模塊基本上都有用到或者繼承了該模塊。
Event模塊和我們之前在Javascript中學(xué)習(xí)的EventTarget接口很類似。對(duì)于該模塊我們能做的不僅僅是簡單的使用還可以在該模塊的基礎(chǔ)上做出擴(kuò)展,你想想JS中的onclick、onmousemove
不羅嗦,直接上代碼!
因?yàn)槭录K屬于比較抽象的東西,所以不太適合用大篇幅的語言來描述它,所以我決定直接上代碼,先實(shí)現(xiàn)功能看效果再說。下面就一起來體驗(yàn)下這個(gè)模塊的功能吧。
對(duì)自定義類進(jìn)行擴(kuò)展
在前端我們可以對(duì)一個(gè)元素進(jìn)行事件的監(jiān)聽,例如
這種做法實(shí)際上就是在對(duì)待頁面中的DOM對(duì)象添加事件監(jiān)聽,在Node.js中是無法直接為一個(gè)對(duì)象添加事件監(jiān)聽的,因?yàn)槲覀冏远x的類或者對(duì)象都是沒有實(shí)現(xiàn)或繼承 Events 模塊的。
想要使用 Events 模塊就需要先導(dǎo)入該模塊。
接下來就是具體代碼的實(shí)現(xiàn)
以上的代碼就是為了擴(kuò)展咱們自定義類的。
在以上代碼中我們使用了event模塊中的兩個(gè)方法:on(),emit()。 這兩個(gè)方法分別是為了 注冊(cè)事件 與 觸發(fā)事件 的。
在event模塊中比較有用的方法遠(yuǎn)遠(yuǎn)不止這兩個(gè),下面列出幾個(gè)較為常用的方法。
Tips:
因?yàn)槭录母拍钶^為抽象,所以我們大部開發(fā)者并不是很喜歡使用Events模塊實(shí)現(xiàn)監(jiān)聽,更多的時(shí)候我們可能更加喜歡以回調(diào)函數(shù)的方式的完成對(duì)某個(gè)函數(shù)或者方法的監(jiān)聽。
所以我們對(duì) Events 模塊的學(xué)習(xí)其實(shí)并不僅僅是為了將來能在開發(fā)中為自定義類添加事件,更多的其實(shí)為了對(duì) Node.js 的知識(shí)點(diǎn)整體架構(gòu)有一定的了解,了解知識(shí)點(diǎn)的來龍去脈。
學(xué)習(xí)了 Events 之后我們也就可以明白為什么之后學(xué)習(xí)的很多的核心模塊為什么都會(huì)有 on() 和 off() 方法,因?yàn)樗鼈兌际抢^承了 Events 模塊的。
更多關(guān)于html5培訓(xùn)的問題,歡迎咨詢千鋒教育在線名師,如果想要了解我們的師資、課程、項(xiàng)目實(shí)操的話可以點(diǎn)擊咨詢課程顧問,獲取試聽資格來試聽我們的課程,在線零距離接觸千鋒教育大咖名師,讓你輕松從入門到精通。