01.Javascript中的接口----Interface

 

01.Javascript中的接口----Interface

本文主要講述如何用原生的Javascript代碼來模擬並實現接口

前言

衆所周知，在Java、C#等語言中，接口由專門的關鍵字interface來定義，而接口的實現則有implements關鍵字來完成，接口有什麼特點呢？簡單地說有(不完全歸納)：

1. 不可被實例化
2. 所有方法都是抽象方法
3. 所有屬性都是public static final的

但是在Javascript語言中，沒有現成的關鍵字可以直接用來定義一個接口，也沒有現成的關鍵字可以直接用來實現所謂的extends和implements。既然沒有現成的，下面將闡述如何用原生的Javascript代碼來模擬並實現接口。

Javascript中的接口

接口的定義

    /**
     * Interface構造器
     * @param {String} name 接口名
     * @param {Array} methods 接口中的抽象方法     
     * @exception {Error} 參數不合格時拋出異常
     * @example
     *      var IActionListener = new Interface("IActionListener",["method1","method2"]);
     */
    var Interface = function(name, methods) {
        if(arguments.length != 2) {
            throw new Error("Interface有且只有兩個參數，而當前參數個數爲：" + arguments.length );
        }
        this.name = name;           
        this.methods = [];          
        for(var i = 0, len = methods.length; i < len; i++) {                
            if(typeof methods[i] !== 'string') {                    
                throw new Error("Interface中的方法名必須合法");             
            }
           this.methods.push(methods[i]);          
        }       
    };

這個Interface類是用來模仿Java中的interface關鍵字的，但不同的是，Java中通過interface IActionListener{}的形式來定義一個接口，而這裏則是通過var IActionListener = new Interface("IActionListener",["method1"])的形式來定義。

這個接口類接受兩個參數，第一個表示需要定義的接口名稱，第二個參數表示該接口中即將聲明的抽象方法。該類在產生新接口的時候，會檢查參數的合法性，只要通過檢查，接口便產生了，同時具有兩個屬性：接口名和方法列表。

接口的實現

    /**
     * 接口實現的檢查，保證object是InterfaceN的實例
     * @param {Object} oInterface 待檢查的接口實例
     * @param {Class} InterfaceN 被實現的Interface
     * @exception {Error} 參數不合格時拋出異常
     * @example 
     *      Interface.ensureImplements(oActionListener,IActionListener);
     */
    Interface.ensureImplements = function(oInterface,Interface1,Interface2,InterfaceN) {
        if(arguments.length < 2) {
            throw new Error("Interface.ensureImplements方法至少需要兩個參數，而當前參數個數爲：" + arguments.length);
        }
        for(var i = 1, len = arguments.length; i < len; i++) {
            var interface = arguments[i];
            if(interface.constructor !== Interface) {
                throw new Error(interface + "不是Interface的實例，不是接口");
            }
            for(var j = 0, methodsLen = interface.methods.length; j < methodsLen; j++) {
                var method = interface.methods[j];
                if(!oInterface[method] || typeof oInterface[method] !== 'function') {
                    throw new Error("所給參數沒有實現" + interface.name + "接口，" + method + "未找到");
                }
            }
        }
    };

這個靜態方法是用來模仿Java中的implements關鍵字的，但不同的是，Java中通過class ActionListener implements IActionListener{}來實現的，而這裏則是通過 interface.ensureImplements(oActionListener,IActionListener)的形式來保證的。

這個靜態方法接受兩個參數，第一個表示接口實現類的實例對象，第二個參數表示接口實現類（當然了，這裏其實是一個對象）。方法的內部會校驗實例對象 是否都實現了接口中的所有抽象方法，如果在該實例中存在沒有被實現的抽象方法（方法未找到），則表明該實例對象不是接口實現類的實例對象。

接口實例的創建與使用

    //創建接口
    var IActionListener = new Interface("IActionListener",["method1","method2"]);        
    //接口實例的創建
    var oActionListener = {
        method1 : function(){
            alert("這是方法1");
        },
        method2 : function(){
            alert("這是方法2");
        }
    };
    //implements確認
    Interface.ensureImplements(oActionListener,IActionListener);
    //調用實例中的方法
    oActionListener.method1();

這是一個簡單的接口定義並實現的過程。

在Javascript中，必然存在着很多種接口的模擬方式，這裏只是其中的一種實現思路。

模擬之不當，還請見諒。

非常希望您能提出寶貴的意見。

從ensureImplements方法到implements方法的升級（2010-09-22更新）

前面定義的ensureImplements(oInterface,Interface1,Interface2,InterfaceN)是通過 實例來保證的，但是按照常理來說，一個接口被實現以後，便可以進行實例化，但是這裏不是真正意義上的實現，而是一種檢查、一種保證。爲了讓接口實現後仍然 能通過new關鍵字實例化對象，下面需要將原來的方法進行升級，於是我定義了下面的方 法：implements(ImplementsClass,Interface1,Interface2,InterfaceN)，代碼如下：

/**
 * 接口的實現
 * @param {function} ImplementsClass 待實現的類
 * @param {object} InterfaceN 被實現的Interface，Interface的實例
 * @exception {Error} 參數不合格時拋出異常
 * @example 
 *      implements(ActionListener,IActionListener);
 */
 var implements = function(ImplementsClass,Interface1,Interface2,InterfaceN){
    if(arguments.length < 2) {
        throw new Error("Interface.ensureImplements方法至少需要兩個參數，而當前參數個數爲：" + arguments.length);
    }
    //保證ImplementsClass的類型爲function
    if(typeof arguments[0] !== "function"){
        throw new Error("實現類的類型必須爲function");
    }
    for(var i = 1, len = arguments.length; i < len; i++) {
        var interface = arguments[i];
        if(interface.constructor !== Interface) {
            throw new Error(interface + "不是Interface的實例，不是接口");
        }
        //這裏循環進行接口抽象方法的實現
        for(var j = 0, methodsLen = interface.methods.length; j < methodsLen; j++) {
            var method = interface.methods[j];
            if(!arguments[0].prototype[method]){
                arguments[0].prototype[method] = function(){};
            }
        }
    }
 }

經過這樣的升級，我們的代碼就可以寫成這樣了：

//創建接口
var IActionListener = new Interface("IActionListener",["method1","method2"]); 
//創建實現類
var ActionListener = function(){};
//實現
implements(ActionListener,IActionListener);
//這個時候，ActionListener.prototype已經是如下這個樣子了：
/*
    ActionListener.prototype = {
        method1 : function(){},
        method2 : function(){}
    };
*/
//接下來可以真正的填充被空實現的方法的邏輯了
ActionListener.prototype = {
    method1 : function(){
        alert("這是方法1");
    },
    method2 : function(){
        alert("這是方法2");
    }
};
//調用實例中的方法
oActionListener.method1();

OK，一切正常。到此爲止，在後續的文章中提到的implements方法，就是這個方法了，請務必留意，謝謝。