zoukankan      html  css  js  c++  java
  • JavaScript设计模式之一Interface接口

    什么是接口?

    接口提供了一种用以说明一个对象应该具有哪些方法和手段。

    在面向对象的javascript中,接口有些什么作用呢?既定的一批接口具有自我描述性,并能促进代码重用。接口可以告诉程序员一个类实现了哪些方法,从而帮助其使用这个类。

    在C#还是JAVA中都应该面向接口设计我们的程序,在C#和Java中都Interface这样的关键字,但是JavaScript中没有相应的机制,但是Javascript很灵活,我们可以用它的特性去模仿Interface。

    使用 Interface.js

    var Interface = function(name, methods) {
        if(arguments.length != 2) {
            throw new Error("请确认要检查的接口所传的参数是否正确,例如:var Person = new Interface('Person', ['GetName','GetAge']);");
        }
        if(methods.length == 0){
            throw new Error("要检查的接口的方法名不能为空");
        }
        this.Name = name;
        this.Method = [];
        for(var i = 0; i < methods.length; i++) {
            if(typeof methods[i] !== 'string') {
                throw new Error("方法名不是字符串");
            }
            this.Method.push(methods[i]);
        }
    }
    /*static method in interface*/
    Interface.ensureImplement = function(object) {
        if(arguments.length < 2) {
            throw new Error("没有接口或实例");
        }
    
        for(var i = 1; i < arguments.length; i++) {
            var interface1 = arguments[i];
            if(interface1.constructor !== Interface) {
                throw new Error("参数不是接口");
            }
            for(var j = 0; j < interface1.Method.length; j++) {
                var method = interface1.Method[j];
                if(!object[method] || typeof object[method] !== 'function') {
                    throw new Error("您的实例没有实现接口:	" + method);
                }
            }
        }
    }

    案例:

    // 封装接口的类,假如该类中实现的  add del 2个方法
    function Peson(){}
    Peson.prototype.add = function(){
        console.log('新增接口');
    }
    Peson.prototype.del = function(){
        console.log('删除接口');
    }
    
    //在你使用该类的方法的时候先去检查你要用到的方法是否存在
    var peson = new Peson();
    //Interfaces
    var check = new Interface('check',['add', 'del']);
    //检查你要用到的方法是否存在,如果你要用的方法没有实现,会抛出错误提示
    Interface.ensureImplement(peson, check);
    //使用接口
    peson.add();
    peson.del();

    使用es6 的class 也是可以的

    class Peson{
        add(){
            console.log('新增接口');
        }
        del(){
            console.log('删除接口');
        }
    }
    //在你使用该类的方法的时候先去检查你要用到的方法是否存在
    var peson = new Peson();
    //Interfaces
    var check = new Interface('check',['add', 'del']);
    //检查你要用到的方法是否存在,如果你要用的方法没有实现,会抛出错误提示
    Interface.ensureImplement(peson, check);
    //使用接口
    peson.add();
    peson.del();
  • 相关阅读:
    知者不言,言者不知:论华人工程师之领导力
    vscode: Visual Studio Code 常用快捷键
    工作10年的我却没拼过刚毕业的美国女孩,亚裔们到底输在哪儿?
    不要再学习框架了!
    托福100分什么水平
    (转)Eclipse中快速输入System.out.println()的快捷键
    人生不相见,动如参与商
    Amazon onsite behavior question
    Java并发编程:CountDownLatch、CyclicBarrier和 Semaphore
    浅谈volatile与automicInteger
  • 原文地址:https://www.cnblogs.com/bruce-gou/p/10411449.html
Copyright © 2011-2022 走看看