专业编程教程与实战项目分享平台

网站首页 > 技术文章 正文

JavaScript 中常见设计模式-代理模式

ins518 2024-10-03 00:15:06 技术文章 14 ℃ 0 评论

代理模式

情景:小明追女生 A

  • 非代理模式:小明 =花=> 女生A
  • 代理模式:小明 =花=> 让女生A的好友B帮忙 =花=> 女生A

代理模式的特点

  • 代理对象和本体对象具有一致的接口,对使用者友好

代理模式的种类有很多,在 JS 中最常用的为虚拟代理和缓存代理。

虚拟代理实现图片预加载

下面这段代码运用代理模式来实现图片预加载,可以看到通过代理模式巧妙地将创建图片与预加载逻辑分离,并且在未来如果不需要预加载,只要改成请求本体代替请求代理对象就行。

缓存代理实现乘积计算

小 tip

在开发时候不要先去猜测是否需要使用代理模式,如果发现直接使用某个对象不方便时,再来优化不迟。

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表