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();
  • 相关阅读:
    how to .bson file into mongodb
    celery 源生框架项目
    @property装饰器将getter方法变成了属性
    类继承实现--停车场可用车位
    vue 基于 webpack 中使用 ECharts
    windows10 docker 从C盘迁移到其他盘
    python 布隆过滤器的下载使用
    深入系统同步锁机制 GIL
    男神鹏:ubantu 18.0.4 安装go 1.10.4 和环境变量的配置以及卸载
    男神鹏:命令 'ls' 可在 '/bin/ls' 处找到
  • 原文地址:https://www.cnblogs.com/bruce-gou/p/10411449.html
Copyright © 2011-2022 走看看