JavaScript實現接口的三種經典方式

 

 

/*
接口:提供一種說明一個對象應該有哪些方法的手段
js中有三種方式實現接口:
    1 注釋描述接口
    2 屬性檢測接口
    3 鴨式辨型接口
*/
    
/*
1 注釋描述接口： 不推薦
    優點： 利用注解，給出參考
    缺點：純文檔約束，是一個假接口，
        程序不能檢查實現接口對象是否實現所有接口方法
*/

/**
 * interface Composite{
 *         function a();
 *         function b();
 * }
 */
// CompositeImpl implements Composite
var CompositeImpl = function(){
    //業務邏輯
};
CompositeImpl.prototype.a = function(){
    //業務邏輯
};
CompositeImpl.prototype.b = function(){
    //業務邏輯
};
    
    
    
    
    
    
    
/*
2 屬性檢測接口：
    優點：能夠檢測實現哪些接口
    缺點：沒有完全脫離文檔，
        不能檢測是否實現每個接口里的所有方法
*/
/**
 * interface Composite{
 *         function a();
 * }
 * 
 * interface FormItem(){
 *         function b();
 * }
 */
// CompositeImpl implements Composite,FormItem
var interfacesImpl = function(){
    //在實現類內部用一個數組保存要實現的方法名
    //通常這個屬性名是團隊中規定好的
    this.implementsInterfaces = ["Composite","FormItem"];
};
CompositeImpl.prototype.a = function(){
    //業務邏輯
};
CompositeImpl.prototype.b = function(){
    //業務邏輯
};

//專門為這個實現對象寫一個檢測函數，傳入實例對象，用於檢查實力對象是否實現了所有接口
function checkImplements(obj){
    //調用檢查方法 obj是否實現兩個接口，如果沒有都實現則拋出異常
    if(!isImplements(obj,"Composite","FormItem")){
        throw new Error("接口沒有全部實現！");
    }
    //接收一個參數obj是要檢查的對象
    function isImplements(obj){
        //arguments對象能夠獲取實際傳入函數的所有參數的數組
        //傳入的第0個參數是要檢查的對象，所以從1開始檢查
        for(var i = 1; i < arguments.length ; i++){
            //接收接口中每個接口的名字
            var interfaceName = arguments[i];
            //一個標記，是否實現這個接口，默認沒有
            var foundFlag = false;
            //循環查詢傳入實例對象的實現接口數組 以檢查是否全部實現
            for(var j = 0 ;j <obj.implementsInterfaces.length;j++){
                //如果 實現了這個接口 就修改標記跳出循環
                if(obj.implementsInterfaces[j]==interfaceName){
                    foundFlag = true;
                    break;
                }
            }
            //如果遍歷實現接口數組之后沒找到 就返回false
            if(!foundFlag){
                return false;
            }
        }
        //如果都找到了 返回true
        return true;
    }
}

//使用實力對象並檢測
var o = new interfacesImpl();
checkImplements(o);    //不會拋出異常 因為正確實現了兩個接口
//如果在寫interfacesImpl內的implementsInterfaces列表的時候少寫了，那么就會在檢查函數中拋出異常




/*
3 鴨式辨型法：（目前開發中使用的方式）
    實現思想： 

*/

//1 接口類 Class Interface
/**
 * 接口類需要的參數：
 * 1 接口的名字
 * 2 要實現方法名稱的數組
 */
var Interface = function( name , methods ){
    //判斷參數個數
    if(arguments.length!=2){
        throw new Error("接口構造器參數必須是兩個！");
    }
    this.name = name;
    this.methods = [];
    for(var i = 0;i<methods.length;i++){
        if( typeof methods[i] !== "string" ){
            throw new Error("接口實現的函數名稱必須是字符串！");
        }
        this.methods.push(methods[i]);    
    }
    
};
//2 准備工作：
// 2.1 實例化接口對象    傳入接口名 和 要實現的方法數組
var CompositeInterface = new Interface("CompositeInterface",["add","remove"]);
var FormItemInterface = new Interface("FormItemInterface",["update","select"]);

//  2.2 實現接口的類
//CompositeImpl implementes CompositeInterface ,FormItemInterface
var CompositeImpl = function(){
    
};
//  2.3 實現接口的方法
CompositeImpl.prototype.add = function(obj){
    alert("add...");
};
CompositeImpl.prototype.remove = function(obj){
    alert("remove...");
};
CompositeImpl.prototype.select = function(obj){
    alert("select...");
};
//在這里少實現一個方法 下面檢測是否全部實現了接口方法
// CompositeImpl.prototype.update = function(obj){
    // alert("update...");
// };
// 實例化   實現接口的對象
var c = new CompositeImpl();

//3 檢驗接口里的方法是否全部實現
// 如果檢驗通過 繼續執行;如果不通過拋出異常;
Interface.ensureImplements = function(obj){
    // 如果接收到參數小於2 說明 傳參出錯了，只傳入一個參數，，沒有傳入實現的接口
    if(arguments.length<2){
        throw new Error("接口檢查方法的參數必須多余兩個！");
    }
    //獲得要見測的接口實現對象之后的參數 各個接口
    for(var i = 1,len = arguments.length;i<len;i++){
        var instanceInterface = arguments[i];    //獲取當前這個接口
        //判斷接收到的是不是接口的對象  如果不是 拋出異常
        if( instanceInterface.constructor !== Interface){
            throw new Error("接口檢測函數必須傳入接口對象！");
        }
        //檢查實例化接口的對象是不是實現了接口里的所有方法
        // 當前接口對象里的每一個方法
        for(var j = 0 ; j<instanceInterface.methods.length;j++){
            var methodName = instanceInterface.methods[j]; //接收到了字符串的方法名
            //如果obj里面沒有有methodName這個方法 或者有這個屬性但是不是函數 就拋出異常
            if(!obj[methodName] || typeof obj[methodName] !== "function"){
                throw new Error("接口方法"+ methodName +"沒有實現！");
            }
        }
    }
    
    
};
//傳入要檢查的類，和他要實現的所有接口對象
Interface.ensureImplements(c ,CompositeInterface ,FormItemInterface );
c.add();