首页 > 文章列表 > JavaScript代理模式的分类

JavaScript代理模式的分类

JavaScript 代理模式
418 2022-08-06

1、代理的类型主要包括保护代理和虚拟代理。保护代理用于控制不同权限对象对目标对象的访问。

2、虚拟代理则将大成本对象推迟到真正需要它的时候。

虚拟代理在Javascript中更常用。

实例

    var myImage = (function () {
 
      var imgNode = document.createElement('img');
 
      document.body.appendChild(imgNode);
 
      return {
 
        setSrc: function (src) {
 
          imgNode.src = src;
 
        }
 
      }
 
    })();
 
    
 
    var proxyImage = (function () {
 
      var img = new Image;
 
      img.onload = function () {
 
        myImage.setSrc(this.src);
 
      }
 
      return {
 
        setSrc: function (src) {
 
          myImage.setSrc('./loading.gif');
 
          img.src = src;
 
        }
 
      }
 
    })();
 
    
 
    proxyImage.setSrc('http://xxxxx.jpg');

推荐操作环境:windows7系统、jquery3.2.1版本,DELL G3电脑。