Typescript 代理模式（Proxy）

請仔細閱讀下面代碼，理解其中的設計理念。

 

proxy.jpg

代理模式

代理模式: 代理模式給某一個對象提供一個代理對象，並由代理對象控制對原對象的引用。

實際場景

實體創建比較費時：在等待期間給出提示；
本體創建出來占用內存過大： 等到用到這個實體的時候再去創建。
系統的權限控制： 用來過濾請求

代理模式的結構

• 抽象角色：通過接口或抽象類聲明真實角色實現的業務方法。
• 代理角色：實現抽象角色，是真實角色的代理，通過真實角色的業務邏輯方法來實現抽象方法，並可以附加自己的操作。
• 真實角色：實現抽象角色，定義真實角色所要實現的業務邏輯，供代理角色調用

代理模式的例子

現在我們要創建一個圖書管理系統。

• 管理系統初始化時間較長。
• 普通用戶只能查找，管理員可以添加和刪除。

管理系統接口

/* i-book-library.ts */ export default interface IBookLibrary { getBook: (bookName: string) => any; addBook: (bookName: string) => any; removeBook: (bookName: string) => any; } 

真實角色實現接口

/* book-library.ts */ import IBookLibrary from './i-book-library'; export default class BookLibrary implements IBookLibrary{ // 實例可能占用內存較多 private static bookList: string[]; constructor() { if (!BookLibrary.bookList) { BookLibrary.bookList = []; // 創建實例時間長 const time = Date.now() + 10000; while (Date.now() < time) {}; BookLibrary.bookList.push('Harry Potter'); BookLibrary.bookList.push('Animal Spirits'); BookLibrary.bookList.push('Tuesdays with Morrie'); } } public getBook(bookName: string) { const index = BookLibrary.bookList.findIndex(book => book === bookName); if (index !== -1) { return BookLibrary.bookList[index]; } else { throw new Error(`can not find ${bookName}`); } } public addBook(bookName: string) { const index = BookLibrary.bookList.findIndex(book => book === bookName); if (index !== -1) { throw new Error(`already has ${bookName}`); } else { BookLibrary.bookList.push(bookName); } } public removeBook(bookName: string) { const index = BookLibrary.bookList.findIndex(book => book === bookName); if (index !== -1) { BookLibrary.bookList.splice(index, 1); } else { throw new Error(`can not find ${bookName}`); } } } 

代理角色

import BookLibrary from './book-library'; import IBookLibrary from './i-book-library'; export default class BookProxy implements IBookLibrary { private readonly bookLibrary: BookLibrary; private readonly isAdmin: boolean; constructor(isAdmin?: boolean) { this.isAdmin = isAdmin; // 給出提示消息 console.log('正在創建中，請等待'); this.bookLibrary = new BookLibrary(); console.log('創建完成'); } public getBook(bookName: string) { return this.bookLibrary.getBook(bookName); } public addBook(bookName: string) { if (!this.isAdmin) { throw new Error('Sorry, you have no right to operate'); } return this.bookLibrary.addBook(bookName); } public removeBook(bookName: string) { if (!this.isAdmin) { throw new Error('Sorry, you have no right to operate'); } return this.bookLibrary.removeBook(bookName); } } 

客戶端調用

/* client.ts */ import BookProxy from './book-proxy'; export default class Client { public static userTest() { const proxy = new BookProxy(); return proxy.getBook('Animal Spirits'); } public static adminTest() { const proxy = new BookProxy(true); proxy.getBook('Animal Spirits'); proxy.addBook('Lord of the flies'); } } //Client.userTest(); Client.adminTest(); 

代理模式和裝飾者模式的區別

代理模式和裝飾者模式都是對真實對象進行修飾。
代理模式一般不會添加額外的方法，最多會加一些權限校驗的方法。而裝飾者模式就是為了對真實對象擴展而存在的。

代理模式的利弊

利：代理模式可以推遲大內存對象的創建到其他元素加載完畢之后，這往往能給用戶帶來一種速度大幅提升的感覺。
在較長時間的操作增加“正在加載等提示”。將權限系統的權限判斷和實際操作分離開。
弊：將大對象推遲創建后，用戶在第一次使用時會感覺很慢而大吃一驚。在不恰當的場合使用會增加無謂的復雜性，還不如直接訪問本體輕松。

作者：我不叫奇奇
鏈接：https://www.jianshu.com/p/e60b3bd50bc2
來源：簡書
著作權歸作者所有。商業轉載請聯系作者獲得授權，非商業轉載請注明出處。