栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > JavaScript

委托模式

JavaScript 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

委托模式

委托模式

如果存在多个对象接收并处理同一请求,可以将请求委托给另一个对象统一处理,就叫做委托模式。

使用场景

在 Javascript 中,委托模式有着很广泛的应用,最典型的就是“事件委托”。
事件委托就是将子元素的事件委托给父元素,然后通过事件冒泡传递,再通过判断事件来源来执行某种操作的一套逻辑。
比如,当用户点击每个列表项的时候,都将打印出相应的文字:

例子:

  • A
  • B
  • C

上例中,将事件直接绑定在 li 元素上,会增加多个事件,内存消耗也相应变大。如果将事件挂载到父元素 ul 上,只需要一个点击事件,就可以起到相同的作用,优化了页面性能。

例子:

  • A
  • B
  • C

事件委托不仅可以优化页面性能,也可以间接实现动态添加事件的功能。
比如我们想为新创建的 p 元素添加点击事件,就可以将事件挂载到其父元素上:

例子:






如有错误,欢迎指正,本人不胜感激。

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/244119.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号