JavaScript之接口实现

JavaScript之接口实现

法1:注释法

注释法:此方法属于程序文档范畴,对接口的继承实现完全依靠程序员自觉

/* interface People{ 
    function createHead(); 
    function createBody(); 
}*/
var woman = function(name){//implements People interface 
    this.name = name; 
 } 
 woman.prototype.showName = function(){
      alert(this.name);  
  }
 woman.prototype.createBody = function(){//实现必要的方法 
     alert("身体已经创建好"); 
 } 
 woman.prototype.createHead = function(){ 
     alert("头部已经创建好"); 
 } 

法2:检查属性法

把要实现的接口方法添加到类属性列表里,然后用需要实现的接口方法与已经实现的接口方法进行比对,以判断接口的实现情况。
优缺点:可以强迫程序员实现接口,没实现就报错。不过虽然声明了自己实现了哪些方法,但实现时很可能有遗漏。

<script type="text/javascript">
/* interface People{ 
    function createHead();
    function createBody();
} */
var woman = function (name) {
    this.name = name;
    this.implementsInterfaces = ["createHead","createBody"];//表示已经实现的接口
}
woman.prototype.showName = function () {
    alert(this.name);
}
woman.prototype.createBody = function () { //实现必要的方法 
    alert("身体已经创建好");
}
woman.prototype.createHead = function () {
    alert("头部已经创建好");
}

function implement(obj) {
    if(!obj.implementsInterfaces) throw new Error("必须声明所实现的接口!!!");//以便进行下面的判断,是否实现了相应的接口
    //每一个方法中都存在一个对象arguments来存储传递进来的实际参数
    for (var i = 1; i < arguments.length; i++) {
        if(typeof arguments[i]!="string") throw new Error(arguments[i]+"的类型不正确");
        var interfaceFound = false;
        for (var j = 0; j < obj.implementsInterfaces.length; j++) {//进行比对
            if (arguments[i]=obj.implementsInterfaces[j]) {
                interfaceFound = true;
                break;
            }
        }
        if (!interfaceFound) {
            return false;
        }
    }
    return true;
}

function isImplememts(obj) { //判断对象是否已经继承相应接口
    //"createHead","createBody":表示需要实现的接口
    if (!implement(obj, "createHead","createBody")) {
        throw new Error("Object doesn't implement a required interface");

    }
}
var liLi=new woman("liLi");
isImplememts(liLi);
</script>

法3:鸭式辨型法

(不通过外表判断鸭子,而通过其是否有鸭子的特性来判断。如James Whitcomb Riley所说,像鸭子一样走路并且嘎嘎叫的就是鸭子)
把接口写在function里,然后用接口里的虚函数和对象已存在的函数进行比对,看接口实现情况。
上面俩种都声明了自己实现了那些接口,其实声明不重要,实现接口核心的是类实现了接口方法集。如果类具有了接口定义的所有方法函数名相同的函数,那么认为它实现了接口。

<script type="text/javascript">
    /*************接口检查**************/
    //接口类,用来创建接口 
    var Interface = function (name) {
        if (arguments.length != 2) {
            throw new Error("创建的接口不符合标准,必须有两个参数,第二个参数是接口的方法");
        }
        this.name = name;
        this.methods = [];
        var methods = arguments[1];
        for (var i = 0; i < methods.length; i++) {
            this.methods.push(methods[i]);
        }
    }
    Interface.ensureImplements = function (obj) {
        if (arguments.length < 2) {
            throw new Error("要检查的接口必须传入接口对象的参数,所以参数的个数必须大于等于2")
        }
        for (var i = 1; i < arguments.length; i++) {
            var intObj = arguments[i];
            if (intObj.constructor != Interface) throw new Error(intObj + "接口的对象不正确");
            //检查方法是否符合要求
            var cmethods = intObj.methods;
            for (var j = 0; j < cmethods.length; j++) {
                if (!obj[cmethods[j]] || typeof obj[cmethods[j]] != "function") throw new Error("必须实现:" + cmethods[j] + "这个方法");
            }
        }

    };




    /*************实现接口**************/
    //创建接口
    var People = new Interface('People', ['createHead', 'createBody']);
    //子类
    var Man = function (name) {
        this.name = name;
        this.implementsInterfaces = ['People'];
    }
    Man.prototype.showName = function () {
        alert(this.name);
    }
    Man.prototype.createHead = function () {
        //实现必要的方法 
        alert("男人头部已经创建好");
    }
    Man.prototype.createBody = function () {
        //实现必要的方法 
        alert("男人身体已经创建好");
    }

    //判断是否实现
    var man = new Man("hongyong");
    isImplememts(man);

    function isImplememts(obj) { //判断对象是否已经继承相应接口
        Interface.ensureImplements(obj, People)//表示:对象obj是否实现了People接口。

    };
</script>
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值