1.什么是接口
接口提供了一种说明一个对象应该具有哪些方法的手段,按对象提供的特性对它们进行分组,还可以使用接口开发不同的类之间的共同性。如果把原本要求以一个特定的类作为参数的函数改为要求以一个特定接口为参数的函数,那么任何实现了该接口的对象都可以作为参数传递给它。这样一来,彼此不相关的对象也可以被同样对待。
2.在JavaScript中模仿接口
在JavaScript中模仿接口有3种方法:注释法、属性检查法和鸭式辨型法。三者结合使用基本上可以令人满意。
(1)用注释描述接口
是最简单的方法,但效果却是最差的。这种方法模仿其他面向对象语言中的做法,使用interface和implements关键字,但把它们放在注释中,以免引起语法错误。
/*
Interface Composite{
function add(child);
function remove(child);
function getChild(index);
}
Interface FormItem{
function save();
}
*/
var CompositeForm = function(id, method, action){ //实现Composite、FormItem接口
...
};
//重写Composite全部方法
CompositeForm.prototype.add = function(child){
...
}
CompositeForm.prototype.remove = function(child){
...
}
CompositeForm.prototype.getChild = function(index){
...
}
//重写FormItem全部方法
CompositeForm.prototype.save = function(){
...
}
(2)用属性检查模仿接口
可以通过检查一个属性得知某个类自称实现了什么接口,并未确保类真正实现了自称实现的接口。
/*
Interface Composite{
function add(child);
function remove(child);
function getChild(index);
}
Interface FormItem{
function save();
}
*/
var CompositeForm = function(id, method, action){
this.implementsInterfaces = ['Composite', 'FormItem'];
...
}
function addForm(formInstance){
if(!implements(formInstance, 'Composite', 'FormItem')){
throw new Error("对象没有实现相应的接口!");
}
}
//确保对象实现了其宣称实现了的接口
function implements(object){
for(var i = 1; i < arguments.length; i++){
var interfaceName = arguments[i];
var interfaceFound = false;
for(var j = 0; j < object.implementsInterfaces.length; j++){
if(object.implementsInterfaces[j] == interfaceName){
interfaceFound = true;
break;
}
}
if(!interfaceFound){
return false;
}
}
return true;
}
(3)用鸭式辨型模仿接口
背后的观点为:如果对象具有与接口定义的方法同名的所有方法,那么就可以认为它实现了这个接口,其各个方面都是可以强制实施的
var Composite = new Interface('Composite', ['add', 'remove', 'getChild']);
var FormItem = new Interface('FormItem', ['save']);
var CompositeForm = function(id, method, action){实现Composite、FormItem接口
...
};
...
function addForm(formInstance){
Interface.ensureImplements(formInstance, Composite, FormItem);
}
var Interface = function(name, methods){
if(arguments.length != 2){
throe new Error("参数应该为2个!");
}
this.name = name;
this.methods = [];
for(var i = 0, len = methods.length; i < len; i++){
if(typeof method[i] !== 'string'){
throw new Error("方法名应该是一个字符串!");
}
this.methods.push(methods[i]);
}
}
Interface.ensureImplements = function(object){
if(arguments.length < 2){
throw new Error("参数应该为2个!");
}
for(var i = 1, len = arguments.length; i < len; i++){
var interface = arguments[i];
if(interface.constructor != Interface){
throw new Error("第二个参数及之后的应为Interface的实例对象!");
}
for(var j = 0, methodsLen = interface.methods.length; j < methodsLen; j++){
var method = interface.method[j];
if(!object[method] || typeof object[method] !== 'function'){
throw new Error("对象没有实现" + interface.name + "的" + "method方法"!)
}
}
}
}