深入理解JavaScript系列(22):S.O.L.I.D五大原则之依赖倒置原则DIP详解
前言
本章我们要讲解的是S.O.L.I.D五大原则JavaScript语言实现的第5篇,依赖倒置原则LSP(TheDependencyInversionPrinciple)。
英文原文:http://freshbrewedcode.com/derekgreer/2012/01/22/solid-javascript-the-dependency-inversion-principle/
依赖倒置原则
依赖倒置原则的描述是:
A.High-levelmodulesshouldnotdependonlow-levelmodules. Bothshoulddependonabstractions.
高层模块不应该依赖于低层模块,二者都应该依赖于抽象
B.Abstractionsshouldnotdependupondetails. Detailsshoulddependuponabstractions.
抽象不应该依赖于细节,细节应该依赖于抽象
依赖倒置原则的最重要问题就是确保应用程序或框架的主要组件从非重要的底层组件实现细节解耦出来,这将确保程序的最重要的部分不会因为低层次组件的变化修改而受影响。
该原则的第一部分是关于高层模块和低层模块之间的耦合方式,在传统的分成架构中,高层模块(封装了程序的核心业务逻辑)总依赖于低层的一些模块(一些基础点)。当应用依赖倒置原则的时候,关系就反过来了。和高层模块依赖于低层模块不同,依赖倒置是让低层模块依赖于高层模块里定义的接口。举例来说,如果要给程序进行数据持久化,传统的设计是核心模块依赖于一个持久化模块的API,而根据依赖倒置原则重构以后,则是核心模块需要定义持久化的API接口,然后持久化的实现实例需要实现核心模块定义的这个API接口。
该原则的第二部分描述的是抽象和细节之间的正确关系。理解这一部分,通过了解C++语言比较有帮助,因为他的适用性比较明显。
不像一些静态类型的语言,C++没有提供一个语言级别的概念来定义接口,那类定义和类实现之间到底是怎么样的呢,在C++里,类通过头文件的形式来定义,其中定义了源文件需要实现的类成员方法和变量。因为所有的变量和私有方法都定义在头文件里,所以可以用来抽象以便和实现细节之前解耦出来。通过定只定义抽象方法来实现(C++里是抽象基类)接口这个概念用于实现类来实现。
DIPandJavaScript
因为JavaScript是动态语言,所以不需要去为了解耦而抽象。所以抽象不应依赖于细节这个改变在JavaScript里没有太大的影响,但高层模块不应依赖于低层模块却有很大的影响。
在当静态类型语言的上下文里讨论依赖倒置原则的时候,耦合的概念包括语义(semantic)和物理(physical)两种。这就是说,如果一个高层模块依赖于一个低层模块,也就是不仅耦合了语义接口,也耦合了在底层模块里定义的物理接口。也就是说高层模块不仅要从第三方类库解耦出来,也需要从原生的低层模块里解耦出来。
为了解释这一点,想象一个.NET程序可能包含一个非常有用的高层模块,而该模块依赖于一个低层的持久化模块。当作者需要在持久化API里增加一个类似的接口的时候,不管依赖倒置原则有没有使用,高层模块在不重新实现这个低层模块的新接口之前是没有办法在其它的程序里得到重用的。
在JavaScript里,依赖倒置原则的适用性仅仅限于高层模块和低层模块之间的语义耦合,比如,DIP可以根据需要去增加接口而不是耦合低层模块定义的隐式接口。
为了来理解这个,我们看一下如下例子:
$.fn.trackMap=function(options){ vardefaults={ /*defaults*/ }; options=$.extend({},defaults,options);
varmapOptions={ center:newgoogle.maps.LatLng(options.latitude,options.longitude), zoom:12, mapTypeId:google.maps.MapTypeId.ROADMAP }, map=newgoogle.maps.Map(this[0],mapOptions), pos=newgoogle.maps.LatLng(options.latitude,options.longitude);
varmarker=newgoogle.maps.Marker({ position:pos, title:options.title, icon:options.icon });
marker.setMap(map);
options.feed.update(function(latitude,longitude){ marker.setMap(null); varnewLatLng=newgoogle.maps.LatLng(latitude,longitude); marker.position=newLatLng; marker.setMap(map); map.setCenter(newLatLng); });
returnthis; };
varupdater=(function(){ //privateproperties
return{ update:function(callback){ updateMap=callback; } }; })();
$("#map_canvas").trackMap({ latitude:35.044640193770725, longitude:-89.98193264007568, icon:'http://bit.ly/zjnGDe', title:'TrackingNumber:12345', feed:updater });