当前位置:Gxlcms > JavaScript > javascript代理模式、外观模式使用场景和实现代码详解

javascript代理模式、外观模式使用场景和实现代码详解

时间:2021-07-01 10:21:17 帮助过:10人阅读

代理模式

代理模式的中文含义就是帮别人做事,javascript的解释为:把对一个对象的访问, 交给另一个代理对象来操作.

代码实现:


应用场景:

比如图片的懒加载,我们就可以运用这种技术。在图片未加载完成之前,给个loading图片,加载完成后再替换成实体路径。


当然,这种懒加载方法不用代理模式也是可以实现的,只是用代理模式。我们可以让 myImage 只做一件事,只负责将实际图片加入到页面中,而loading图片交给ProxyImage去做。从而降低代码的耦合度。因为当我不想用loading的时候,可以直接调用myImage 方法。也即是说假如我门不需要代理对象的话,直接可以换成本体对象调用该方法即可。

外观模式

外观模式是很常见。其实它就是通过编写一个单独的函数,来简化对一个或多个更大型的,可能更为复杂的函数的访问。也就是说可以视外观模式为一种简化某些内容的手段。

说白了,外观模式就是一个函数,封装了复杂的操作。

代码实现:

比如一个跨浏览器的ajax调用


应用场景:

当需要通过一个单独的函数或方法来访问一系列的函数或方法调用,以简化代码库的其余内容,使得代码更容易跟踪管理或者更好的维护时,可以使用外观模式。其实我们平时代码中这种模式应该是用的比较多的。

以上就是javascript代理模式、外观模式使用场景和实现代码详解的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行