<table class="text">
<tr class="li1"><td class="ln"><pre class="de1">1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27 函数 var MyImg = (function( ){ return { setSrc:function(src){ } } })( ) MyImg是一个对象，自执行函数后，返回的是一个JSON Object， JSON 是方法，setSrc； 闭包环境：函数定义是的上下文环境，即闭包；可以引用到它声明时的变量。 img 代理图片对象就被闭包引用，在自执行函数外无法访问；但是在setSrc里却可以访问。 img oImg 这两个变量现在成为了 MyImg类的私有属性； this.img this.oImg 在JavaScript没有private 私有属性关键字。 二 过程 首先，定义了oImg,img 两个图片对象，并将oImg最初的图片地址设置为loadImg小图，img作为代理图片，由于没有添加到body内； 所以设置src真正的图片地址，并不会在页面中看到加载的过程。 onload事件的监听，说明图片已下载到浏览器，这时将oImg的src从loading图改为真正的src，这次由于图片已将图片已下载到本地，不会再次触发浏览器的下载， 所以会立即显示，又是会加上一点css的动画效果。 三 用户体验 直接设置img src为真正的大图，会导致页面同一时刻下载太多图片，网页打开速度变慢，而现在异步加载图片， 使用的是回调，所以不会影响； 第一次打开网页的速度，会得到极大的提升。
