溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
本篇內容主要講解“如何用js實現自定義事件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“如何用js實現自定義事件”吧!
1、指定誰是發布者。
2、給發布者添加一個緩存列表來存儲回調，以便通知訂閱者。
3、發布消息時，發布者會遍歷這個列表，依次觸發存儲在其中的訂閱者回調函數。
實例
const salesOffices = {} // 定義售樓處
salesOffices.clientList = [] // 緩存列表，存放訂閱者的回調函數
salesOffices.listen = function(fn) { // 增加訂閱者
this.clientList.push(fn) // 添加進緩存列表
}
salesOffices.trigger = function() { // 發布消息
for(let i = 0, fn; fn = this.clientList[i++];) {
fn.apply(this, arguments) // arguments 是發布消息時帶上的參數
}
}
// 測試
salesOffices.listen((price, squareMeter) => { // 小明訂閱消息
console.log('價格=' + price)
console.log('squareMeter=' + squareMeter)
})
salesOffices.listen((price, squareMeter) => { // 小紅訂閱消息
console.log('價格=' + price)
console.log('squareMeter=' + squareMeter)
})
salesOffices.trigger(2000000, 88)
salesOffices.trigger(3000000, 110)到此，相信大家對“如何用js實現自定義事件”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
