js设计模式之代理模式

class MyImage{

    constructor() {

        this.img =new Image();

        document.body.appendChild(this.img);

    }

    setSrc(src) {

        this.img.src = src;

    }

}

//代理模式实现

class ProxyImage{

    constructor() {

        this.proxyImage =new Image();

    }

    setSrc(src) {

        let myImageObj =new MyImage();

        //本地临时图片

        myImageObj.img.src ='https://n.sinaimg.cn/sinacn10116/600/w1920h1080/20190326/2c30-hutwezf6832339.jpg'

        this.proxyImage.src = src;

        this.proxyImage.onload =function () {

            myImageObj.img.src = src;

        }

    }

}

// let myImage=new MyImage();

// myImage.setSrc('https://seopic.699pic.com/photo/40250/3909.jpg_wh1200.jpg');

let proxyImage =new ProxyImage();

proxyImage.setSrc('https://seopic.699pic.com/photo/40250/3909.jpg_wh1200.jpg')

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 代理是一个对象,它可以用来控制对本体对象的访问,它与本体对象实现了同样的接口,代理对象会把所有的调用方法传递给本体...
    JSUED阅读 322评论 0 0
  • 代理模式就是 A 要对 C 做一件事,但是他可能不方便直接对 C 做这件事,A 就拜托 B,让 B 帮 A 做这件...
    般犀阅读 123评论 0 0
  • 1、代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。2、保护代理和虚拟代理1)代理 B 可以帮助 ...
    spfi阅读 1,122评论 0 97
  • 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 代理模式是一种非常有意义的模式,在生活中可以找到...
    梅梅_1461阅读 338评论 0 1
  • 摘自《JavaScript设计模式与开发实践》 代理模式是为一个对象提供一个代用品或占位符,以便控制对它的访问。 ...
    小小的白菜阅读 293评论 0 0