12.Javascript设计模式之代理模式----Proxy -优快云博客

本文深入探讨了JavaScript设计模式中的代理模式（Proxy），介绍了其概念、应用场景及如何实现。通过具体实例，展示了代理模式在控制对象访问、提高系统性能等方面的作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

12.Javascript设计模式之代理模式----Proxy

理解并使用设计模式，能够培养我们良好的面向对象编程习惯，同时在实际应用中，可以如鱼得水，享受游刃有余的乐趣。本节我们讨论Javascript设计模式中的：代理模式

概念

GOF：为其他对象提供一种代理以控制对这个对象的访问。

Proxy是比较有用途的一种模式，而且变种较多，应用场合覆盖从小结构到整个系统的大结构，Proxy是代理的意思，我们也许有代理服务器等概念。代理概念可以解释为：在出发点到目的地之间有一道中间层，意为代理。

为什么要使用Proxy?

1.授权机制不同级别的用户对同一对象拥有不同的访问权利，如Jive论坛系统中，就使用Proxy进行授权机制控制，访问论坛有两种人：注册用户和游客(未注册用户)，Jive中就通过类似ForumProxy这样的代理来控制这两种用户对论坛的访问权限。

2.某个客户端不能直接操作到某个对象，但又必须和那个对象有所互动。

举例两个具体情况：

　　(1)如果那个对象是一个是很大的图片，需要花费很长时间才能显示出来，那么当这个图片包含在文档中时，使用编辑器或浏览器打开这个文档，打开文档必须很迅速，不能等待大图片处理完成，这时需要做个图片Proxy来代替真正的图片。

　　(2)如果那个对象在Internet的某个远端服务器上，直接操作这个对象因为网络速度原因可能比较慢，那我们可以先用Proxy来代替那个对象。

总之原则是，对于开销很大的对象，只有在使用它时才创建，这个原则可以为我们节省很多宝贵的Java内存. 所以，有些人认为Java耗费资源内存，我以为这和程序编制思路也有一定的关系。

代理模式示例

var Publication = new Interface('Publication', ['getIsbn', 'setIsbn', 'getTitle', 'setTitle', 'getAuthor', 'setAuthor', 'display']);
var Book = function(isbn, title, author) {
    //...
} 
// implements Publication
implements(Book,Publication);

/* Library interface. */
var Library = new Interface('Library', ['findBooks', 'checkoutBook', 'returnBook']);

/* PublicLibrary class. */
var PublicLibrary = function(books) {
    //...
};
// implements Library
implements(PublicLibrary,Library); 

PublicLibrary.prototype = {
    findBooks: function(searchString) {
       //...
    },
    checkoutBook: function(book) {
        //...
    },
    returnBook: function(book) {
        //...
    }
};

/* PublicLibraryProxy class, a useless proxy. */
var PublicLibraryProxy = function(catalog) { 
    this.library = new PublicLibrary(catalog);
};
// implements Library
implements(PublicLibraryProxy,Library);

PublicLibraryProxy.prototype = {
    findBooks: function(searchString) {
        return this.library.findBooks(searchString);
    },
    checkoutBook: function(book) {
        return this.library.checkoutBook(book);
    },
    returnBook: function(book) {
        return this.library.returnBook(book);
    }
};