DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 深入理解JavaScript系列(21):S.O.L.I.D五大原則之接口隔離原則ISP詳解
深入理解JavaScript系列(21):S.O.L.I.D五大原則之接口隔離原則ISP詳解
編輯:JavaScript基礎知識     

前言

本章我們要講解的是S.O.L.I.D五大原則JavaScript語言實現的第4篇,接口隔離原則ISP(The Interface Segregation Principle)。

英文原文:http://freshbrewedcode.com/derekgreer/2012/01/08/solid-javascript-the-interface-segregation-principle/
注:這篇文章作者寫得比較繞口,所以大叔理解得也比較郁悶,湊合著看吧,別深陷進去了
接口隔離原則的描述是:
復制代碼 代碼如下:
Clients should not be forced to depend on methods they do not use.

不應該強迫客戶依賴於它們不用的方法。

當用戶依賴的接口方法即便只被別的用戶使用而自己不用,那它也得實現這些接口,換而言之,一個用戶依賴了未使用但被其他用戶使用的接口,當其他用戶修改該接口時,依賴該接口的所有用戶都將受到影響。這顯然違反了開閉原則,也不是我們所期望的。

接口隔離原則ISP和單一職責有點類似,都是用於聚集功能職責的,實際上ISP可以被理解才具有單一職責的程序轉化到一個具有公共接口的對象。

JavaScript接口

JavaScript下我們改如何遵守這個原則呢?畢竟JavaScript沒有接口的特性,如果接口就是我們所想的通過某種語言提供的抽象類型來建立contract和解耦的話,那可以說還行,不過JavaScript有另外一種形式的接口。在Design Patterns – Elements of Reusable Object-Oriented Software一書中我們找到了接口的定義:
http://www.amazon.com/Design-Patterns-Elements-Reusable-Object-Oriented/dp/0201633612

一個對象聲明的任意一個操作都包含一個操作名稱,參數對象和操作的返回值。我們稱之為操作符的簽名(signature)。
一個對象裡聲明的所有的操作被稱為這個對象的接口(interface)。一個對象的接口描繪了所有發生在這個對象上的請求信息。
不管一種語言是否提供一個單獨的構造來表示接口,所有的對象都有一個由該對象所有屬性和方法組成的隱式接口。參考如下代碼:

復制代碼 代碼如下:
var exampleBinder = {};
exampleBinder.modelObserver = (function() {
    /* 私有變量 */
    return {
        observe: function(model) {
            /* 代碼 */
            return newModel;
        },
        onChange: function(callback) {
            /* 代碼 */
        }
    }
})();

exampleBinder.viewAdaptor = (function() {
    /* 私有變量 */
    return {
        bind: function(model) {
            /* 代碼 */
        }
    }
})();

exampleBinder.bind = function(model) {
    /* 私有變量 */
    exampleBinder.modelObserver.onChange(/* 回調callback */);
    var om = exampleBinder.modelObserver.observe(model);
    exampleBinder.viewAdaptor.bind(om);
    return om;
};

上面的exampleBinder類庫實現的功能是雙向綁定。該類庫暴露的公共接口是bind方法,其中bind裡用到的關於change通知和view交互的功能分別是由單獨的對象modelObserver和viewAdaptor來實現的,這些對象從某種意義上來說就是公共接口bind方法的具體實現。

盡管JavaScript沒有提供接口類型來支持對象的contract,但該對象的隱式接口依然能當做一個contract提供給程序用戶。

ISP與JavaScript

我們下面討論的一些小節是JavaScript裡關於違反接口隔離原則的影響。正如上面看到的,JavaScript程序裡實現接口隔離原則雖然可惜,但是不像靜態類型語言那樣強大,JavaScript的語言特性有時候會使得所謂的接口搞得有點不粘性。

墮落的實現

在靜態類型語言語言裡,導致違反ISP原則的一個原因是墮落的實現。在Java和C#裡所有的接口裡定義的方法都必須實現,如果你只需要其中幾個方法,那其他的方法也必須實現(可以通過空實現或者拋異常的方式)。在JavaScript裡,如果只需要一個對象裡的某一些接口的話,他也解決不了墮落實現這個問題,雖然不用強制實現上面的接口。但是這種實現依然違反了裡氏替換原則。

復制代碼 代碼如下:
var rectangle = {
    area: function() {
        /* 代碼 */
    },
    draw: function() {
        /* 代碼 */
    }
};

var geometryApplication = {
    getLargestRectangle: function(rectangles) {
        /* 代碼 */
    }
};

var drawingApplication = {
    drawRectangles: function(rectangles) {
       /* 代碼 */
    }
};

當一個rectangle替代品為了滿足新對象geometryApplication的getLargestRectangle 的時候,它僅僅需要rectangle的area()方法,但它卻違反了LSP(因為他根本用不到其中drawRectangles方法才能用到的draw方法)。

靜態耦合

靜態類型語言裡的另外一個導致違反ISP的原因是靜態耦合,在靜態類型語言裡,接口在一個松耦合設計程序裡扮演了重大角色。不管是在動態語言還是在靜態語言,有時候一個對象都可能需要在多個客戶端用戶進行通信(比如共享狀態),對靜態類型語言,最好的解決方案是使用Role Interfaces,它允許用戶和該對象進行交互(而該對象可能需要在多個角色)作為它的實現來對用戶和無關的行為進行解耦。在JavaScript裡就沒有這種問題了,因為對象都被動態語言所特有的優點進行解耦了。

語義耦合

導致違反ISP的一個通用原因,動態語言和靜態類型語言都有,那就是語義耦合,所謂語義耦合就是互相依賴,也就是一個對象的行為依賴於另外一個對象,那就意味著,如果一個用戶改變了其中一個行為,很有可能會影響另外一個使用用戶。這也違反單一職責原則了。可以通過繼承和對象替代來解決這個問題。

可擴展性

另外一個導致問題的原因是關於可擴展性,很多人在舉例的時候都會舉關於callback的例子用來展示可擴展性(比如ajax裡成功以後的回調設置)。如果想這樣的接口需要一個實現並且這個實現的對象裡有很多熟悉或方法的話,ISP就會變得很重要了,也就是說當一個接口interface變成了一個需求實現很多方法的時候,他的實現將會變得異常復雜,而且有可能導致這些接口承擔一個沒有粘性的職責,這就是我們經常提到的胖接口。

總結

JavaScript裡的動態語言特性,使得我們實現非粘性接口的影響力比靜態類型語言小,但接口隔離原則在JavaScript程序設計模式裡依然有它發揮作用的地方。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved