从品牌网站建设到网络营销策划,从策略到执行的一站式服务
这篇文章主要介绍“js自定义事件如何实现”,在日常操作中,相信很多人在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自定义事件如何实现”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注创新互联网站,小编会继续努力为大家带来更多实用的文章!
成都网站建设公司地址:成都市青羊区太升南路288号锦天国际A座10层 建设咨询028-86922220
成都快上网科技有限公司-四川网站建设设计公司 | 蜀ICP备19037934号 Copyright 2020,ALL Rights Reserved cdkjz.cn | 成都网站建设 | © Copyright 2020版权所有.
专家团队为您提供成都网站建设,成都网站设计,成都品牌网站设计,成都营销型网站制作等服务,成都建网站就找快上网! | 成都网站建设哪家好? | 网站建设地图