js设计模式——1.代理模式

js设计模式——1.代理模式

js设计模式——1.代理模式

js设计模式——1.代理模式

js设计模式——1.代理模式

以下是代码示例

/*js设计模式——代理模式*/

class ReadImg {
constructor(fileName) {
this.fileName = fileName;
this.loadFromDisk(); // 初始化即从硬盘中加载,模拟
}
// display 对外提供一个方法
display() {
console.log('display...' + this.fileName);
}
loadFromDisk() {
console.log('loading...' + this.fileName);
}
}

// 生成代理
class ProxyImg {
constructor(fileName) {
this.realImg = new ReadImg(fileName)
}
display() {
this.realImg.display()
}
} // test
let proxyImg = new ProxyImg('1.png')
proxyImg.display() // 打印结果为 1. loading...1.png 2. display...1.png

  

代理模式使用场景

js设计模式——1.代理模式

js设计模式——1.代理模式

js设计模式——1.代理模式

js设计模式——1.代理模式

附带阮大神es6 proxy介绍:http://es6.ruanyifeng.com/#docs/proxy

最后说下模式区别

  js设计模式——1.代理模式

js设计模式——1.代理模式

上一篇:Html5 Canvas 实现滚动的图片


下一篇:C#设计模式(13)——代理模式(Proxy Pattern)