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方法，就是這個方法了，請務必留意，謝謝。