学习JavaScript设计模式之代理模式(javascript如何学)

推荐整理分享学习JavaScript设计模式之代理模式(javascript如何学)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:javascript设计,javascript简明教程,javascript简明教程,javascript设计,javascript简明教程,javascript简明教程,javascript课设,javascript设计,内容如对您有帮助，希望把文章链接给更多的朋友！

一、定义

代理模式：为一个对象提供一个代用品或占位符，以便控制对它的访问。 代理分为：保护代理和虚拟代理 保护代理：用于控制不同权限的对象对目标对象的访问，在JavaScript中很难判断谁访问了某个对象，所以保护代理很难实现。

二、图片预加载（最常见的虚拟代理应用场景）

图片预加载是一种常用技术，如果直接给某个img标签节点设置src属性，由于图片过大或者网络不佳，图片的位置往往有段时间会有空白。常见的做法事先用一张loading图片占位，然后异步加载图片，待图片加载完成，把其填充到img节点里。 实现原理： 创建一个Image对象：var a = new Image(); 定义Image对象的src: a.src = “xxx.gif”; 这样做就相当于给浏览器缓存了一张图片。

可通过Image对象的complete属性来检测图像是否加载完成。每个Image对象都有一个complete属性，当图像处于装载过程中时，该属性值false,当发生了onload、onerror、onabort中任何一个事件后，则表示图像装载过程结束，此时complete属性为true。

（1）非代理实现

（2）代理实现

使用代理模式的好处：使每个函数功能单一，实现对象设计的“单一职责原则”！

三、文件同步

假设我们在做一个文件同步功能，当选中checkbox时候，它对应的文件就会被同步到另外一台服务器。

没选中一个checkbox就同步一次，显然不太合理。因为在web开发中，最大的开销就是网络请求。 解决方案：通过一个代理函数来收集一段时间之内的请求，然后一次性发给服务器。

四、缓存代理?计算乘积（序列一模一样）

希望本文所述对大家学习javascript程序设计有所帮助。

分享javascript计算时间差的示例代码 在实际应用中，需要计算两个时间点之间的差距，一般来说都是计算当前时间和一个指定时间点之间的差距，并且有时候需要精确到天、小时、分钟和

JavaScript类型检测之typeof 和 instanceof 的缺陷与优化 在javascript中，typeof和instanceof是用来判断数据类型比较通用的两个方法，这篇文章的目的是通过对这两个方法介绍来分析其存在的不足并提出优化方案。

浅析JavaScript中的变量复制、参数传递和作用域链 今天在看书的过程中，又发现了自己目前对Javascript存在的一个知识模糊点：JS的作用域链，所以就通过查资料看书对作用域链相关的内容进行了学习。