本篇內(nèi)容主要講解“如何用js實現(xiàn)自定義事件”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“如何用js實現(xiàn)自定義事件”吧!

成都創(chuàng)新互聯(lián)從2013年創(chuàng)立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項目網(wǎng)站設(shè)計制作、做網(wǎng)站網(wǎng)站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元睢寧縣做網(wǎng)站,已為上家服務(wù),為睢寧縣各地企業(yè)和個人服務(wù),聯(lián)系電話:028-86922220

1、指定誰是發(fā)布者。

2、給發(fā)布者添加一個緩存列表來存儲回調(diào)，以便通知訂閱者。

3、發(fā)布消息時，發(fā)布者會遍歷這個列表，依次觸發(fā)存儲在其中的訂閱者回調(diào)函數(shù)。

實例

const salesOffices = {} // 定義售樓處
 
salesOffices.clientList = [] // 緩存列表，存放訂閱者的回調(diào)函數(shù)
 
salesOffices.listen = function(fn) { // 增加訂閱者
    this.clientList.push(fn) // 添加進(jìn)緩存列表
}
 
salesOffices.trigger = function() { // 發(fā)布消息
    for(let i = 0, fn; fn = this.clientList[i++];) {
        fn.apply(this, arguments) // arguments 是發(fā)布消息時帶上的參數(shù)
    }
}
 
 
// 測試
 
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實現(xiàn)自定義事件”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！