好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

JavaScript设计模式之一Interface接口

JavaScript设计模式之一Interface接口

如何用面向对象的思想来写JavaScript,对于初学者应该是比较难的,我们经常用的JQuery其实也是用面向对象的思想去封装的,今天我们来看看如何在Javascript中用Interface,在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interface这样的关键字,但是JavaScript中没有相应的机制,但是Javascript很灵活,我们可以用它的特性去模仿Interface,但是我们需要加入一些methods来做check的动作。

我们来看下一个Interface的作用: 继承了这个Interface就必须要实现这个Interface中定义的方法(方法签名)//JavaScript 现在还做不到方法的签名的约束

var Interface = function (name, methods) {
if (arguments.length != 2 ) {
throw new Error( " the interface length is bigger than 2 " );
}
this .Name = name;
this .Method = [];
for ( var i = 0 ; i < methods.length; i ++ ) {
if ( typeof methods[i] !== ' string ' ) {
throw new Error( " the method name is not string " );
}
this .Method.push(methods[i]);
}
}
/* static method in interface */
Interface.ensureImplement = function (object) {
if (arguments.length < 2 ) {
throw new Error( " there is not Interface or the instance " );
}

for ( var i = 1 ; i < arguments.length; i ++ ) {
var interface1 = arguments[i];
if (interface1.constructor !== Interface) {
throw new Error( " the argument is not interface " );
}
for ( var j = 0 ; j < interface1.Method.length; j ++ ) {
var method = interface1.Method[j];
if ( ! object[method] || typeof object[method] !== ' function ' ) {
throw new Error( " you instance doesn't implement the interface " );

}
}
}
}

我们来分析一下code,我们现在的做法是用来比较一个Instance中的方法名在接口中是否定义了。

我先定义一个接口(2个参数),第二个参数是接口中的方法名。Check方法用简单的2层for循环来做比较动作。

我们来看下如何去用这个接口:

var Person = new Interface( " Person " , [ " GetName " , " GetAge " ]);

var Man = function (name, age) {
this .Name = name;
this .Age = age;
}
Man.prototype = { GetName: function () { return this .Name; },
// GetAge: function () { return this.Age; }
}
var test = function (instance) {
Interface.ensureImplement(instance, Person);
var name = instance.GetName();
alert(name);

}
test( new Man( " Alan " , 20 ));

如果我们注释了上面的GetAge方法,在执行的时候就会出错。在ensureImplement的时候发现并没有去实现这个方法。

说实话,这样的排版确实很uglily, 大家看的时候原谅,没这么写过,以后一定多写点东西。

By the way, I'm Alan_chen in MSDN forums for C# and DataPlatform(Entity Framework).

作者: Leo_wl

    

出处: http://www.cnblogs.com/Leo_wl/

    

本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

版权信息

查看更多关于JavaScript设计模式之一Interface接口的详细内容...

  阅读:37次