本文實例講述了JavaScript設計模式之代理模式。分享給大家供大家參考,具體如下:
代理模式的定義,代理是一個對象(proxy)用它來控制目標對象的訪問。為此他要是先與目標對象相同的接口,但是他不同于裝飾者模式,它對目標對象不進行任何修改,它的目的在于延緩"復雜"對象的初始化時間。這樣可以在用到這個目標對象的時候再初始化他(對于單例來講更是重要)。
代理模式有兩種分類:
(1)普通代理
(2)惰性代理
具體看下面的例子
第一,普通代理模式
步驟一,接口檢驗文件的引用
//定義一個靜態方法來實現接口與實現類的直接檢驗//靜態方法不要寫出Interface.prototype ,因為這是寫到接口的原型鏈上的//我們要把靜態的函數直接寫到類層次上//定義一個接口類var Interface=function (name,methods) {//name:接口名字 if(arguments.length<2){ alert("必須是兩個參數") } this.name=name; this.methods=[];//定義一個空數組裝載函數名 for(var i=0;i<methods.length;i++){ if(typeof methods[i]!="string"){ alert("函數名必須是字符串類型"); }else { this.methods.push( methods[i]); } }};Interface.ensureImplement=function (object) { if(arguments.length<2){ throw new Error("參數必須不少于2個") return false; } for(var i=1;i<arguments.length;i++){ var inter=arguments[i]; //如果是接口就必須是Interface類型 if(inter.constructor!=Interface){ throw new Error("如果是接口類的話,就必須是Interface類型"); } //判斷接口中的方法是否全部實現 //遍歷函數集合分析 for(var j=0;j<inter.methods.length;j++){ var method=inter.methods[j];//接口中所有函數 //object[method]傳入的函數 //最終是判斷傳入的函數是否與接口中所用函數匹配 if(!object[method]||typeof object[method]!="function" ){//實現類中必須有方法名字與接口中所用方法名相同 throw new Error("實現類中沒有完全實現接口中的所有方法") } } }}步驟二,目標類
(1)圖書類
//圖書類/** bid 圖書id* bName 圖書名稱* bPrice 圖書價格* */var Book = function(bid,bName,bPrice){ this.bid = bid; this.bName = bName; this.bPrice = bPrice;}(2)真正的目標類
//目標類var myBookShop=(function () { //書店里的書 var books={}; return function (bks) { //初始化 if(typeof bks=="object"){ books=bks; } //加書 this.addBook = function(book){ books[book.bid] = book; } //找書 this.findBook=function (bid) { if(books[bid]){ return books[bid]; }else { return null; } } //還書 this.returnBook=function (book) { this.addBook(book); } //借書 this.lendBook=function (bid) { var book=this.findBook(bid); return book; } }})();
新聞熱點
疑難解答
圖片精選