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

接口：提供一種說明一個對象應該有哪些方法的手段

 

JavaScript中有三種方式實現接口：

（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、屬性檢測接口：不推薦

第二種方法要更嚴謹一點。所有類都明確地聲明自己實現了哪些接口，那些想與這些類打交道的對象可以針對這些聲明進行檢查。那些接口自身仍然只是注釋，但現在你可以通過檢查一個屬性得知某個類自稱實現了什么接口。

優點：能夠檢查實現了哪些接口

缺點：並未確保類真正實現了自稱實現的接口。你只知道它是否說自己實現了接口。

 

var interfacesImpl = function(){
    //在實現類內部用一個數組保存要實現的方法名
    //通常這個屬性名是團隊中規定好的
    //聲明自己實現了這兩個方法，但實際上並不一定
    this.implementsInterfaces = ["Composite","FormItem"];
};

//專門為這個實現對象寫一個檢測函數，傳入實例對象，用於檢查實例對象是否實現了所有接口
function checkImplements(obj){
    //調用檢查方法 obj是否實現了兩個接口，如果沒有都實現則拋出異常
    if(!isImplements(obj,"Composite","FormItem")){
        throw new Error("接口沒有全部實現！");
    }
    //obj是要檢查的對象
    function isImplements(obj){
        //傳入的第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++){
                //如果實現了這個接口，就修改標記並跳出
                //debugger
                if(obj.implementsInterfaces[j] == interfaceName){
                    foundFlag = true;
                    break;
                }
            }
            //如果遍歷實現接口數組之后沒找到，返回false
            if(!foundFlag){
                return false;
            }
        }
        return true;
    }
}

//使用實例對象並檢測
var o = new interfacesImpl();
checkImplements(o);

 

3、鴨式辨型法：推薦

背后的觀點：如果對象具有與接口定義的方法同名的所有方法，那么久可以認為它實現了這個接口。

/**
 * 接口類
 *
 * @param {String} name  接口的名字
 * @param {Array} methods   要實現方法名稱的數組
 */
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]);
    }
}

//實例化接口對象---傳入接口名和要實現的方法數組
var CompositeInterface = new Interface("CompositeInterface",["add","remove"]);
var FormItemInterface = new Interface("FormItemInterface",["update","select"]);

//實現接口的類
var CompositeImpl = function(){

}

//實現接口的方法
CompositeImpl.prototype.add = function(obj){
    //...
}
CompositeImpl.prototype.remove = function(obj){
    //...
}
CompositeImpl.prototype.select = function(obj){
    //...
}
//在這里少實現一個方法，下面檢查是否全部實現了接口
// CompositeImpl.prototype.update = function(obj){
//     //...
// }

//實例化 實現接口的對象
var c = new CompositeImpl();

//檢驗接口里的方法是否全部實現，如果不通過則拋出異常
Interface.ensureImplements = function(obj){
    //如果接收到參數小於2，說明異常
    if(arguments.length < 2){
        throw new Error("接口檢查方法的參數必須多余兩個！");
    }
    //接口實現檢查
    for(var i=0,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里面沒有methodsName這個方法，或者有這個屬性但是不是函數，就拋出異常
            if(!obj[methodName] || typeof obj[methodName] !== "function"){
                throw new Error("接口方法" + methodName + "沒有實現！");
            }
        }
    }
}

//傳入要檢查的類，和要實現的所有接口對象
Interface.ensureImplements(c, CompositeInterface, FormItemInterface);
c.add();