Javascript实现模仿接口的3种方式

时间: 2017-12-22阅读: 687标签: js知识

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.属性检查法:

把要实现的接口方法添加到类属性列表里,通过定义好的检测反复检查是否已经实现了那些方法
//优缺点:可以强迫程序员实现接口,没实现就报错。不过虽然声明了自己实现了哪些方法,但实现时很可能有遗漏  

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

function implement(obj,interfaces){
    for(var i=1;i<interfaces.length;i++){
        var interfaceName = interfaces[i];
        var interfaceFound = false;
        for(var j=0;j<obj.implementsInterfaces.length;j++){
            if(obj.implementsInterfaces[j] = interfaceName){
                 interfaceFound = true;
                 break;
            }
        }
        if(!interfaceFound){
              return false;
        }
    }
    return true;
}

function  isImplememts(instance,interfaces){    //判断对象是否已经继承相应接口
    if(!implement(instance,interfaces)){
        throw new Error("Object doesn't implement a required interface");
    }
}


3.鸭式辨型法:

(不通过外表判断鸭子,而通过其是否有鸭子的特性来判断。如James Whitcomb Riley所说,像鸭子一样走路并且嘎嘎叫的就是鸭子)
上面俩种都声明了自己实现了那些接口,其实声明不重要,实现接口核心的是类实现了接口方法集。如果类具有了接口定义的所有方法函数名相同的函数,那么认为它实现了接口  

//接口类,用来创建接口
var Interface = function(name,motheds){
    if(agruments.length!=2){
        throw new Error("Interface constructor called with "+arguments.length+"arguments,but expected exactly 2");
    }
    this.name = name;
    this.methods = [];
    for(var i=0;i<motheds.length;i++){
        if(typeof motheds[i] !== 'string'){
            throw new Error('Interface constructor expects mothed names to be'+'passes in as a string');
        }
        this.methods.push(motheds[i]);
    }
}
Interface.prototype.ensureImplements = function(objs){
    if(agruments.length != 1){
        throw new Error("Interface constructor called with "+arguments.length+"arguments,but expected exactly 1")
    }
    for(var i=0;i<objs.length;i++){
         var obj = objs[i];
         for(var j=0;j<this.motheds.length;j++){
               var mothed = this.methods[j];
               if(!obj[mothed] || !typeof obj[mothed] !== 'function'){
                    throw new Error('Function Interface.ensureImplements:implements interface'+this.name+',obj.mothed'+mothed+'was not found');
               }
         }
    }
}
//创建接口
var People = new Interface('People',['createHead','createBody']);
//子类
var Woman = function(name){
    this.name = name;
    this.implementsInterfaces = ['People'];
}
Woman.prototype.showName = function(){
    alert(this.name);
}
Woman.prototype.createBody = function(){  //实现必要的方法
    alert("女人身体已经创建好");
}
Woman.prototype.createHead = function(){
    alert("女人头部已经创建好");
}
//子类
var Man = function(name){
    this.name = name;
    this.implementsInterfaces = ['People'];
}
Man.prototype.showName = function(){
    alert(this.name);
}
Man.prototype.createBody = function(){  //实现必要的方法
    alert("男人身体已经创建好");
}
Man.prototype.createHead = function(){
    alert("男人头部已经创建好");
}
//判断是否实现
Poeple.ensureImplements(['Woman','Man']);


链接: http://www.fly63.com/article/detial/274

JavaScript 进阶问题列表

我在我的 Instagram 上每天都会发布 JavaScript 的选择题,并且同时也会在这个仓库中发布。从基础到进阶,测试你有多了解 JavaScript,刷新你的知识,或者帮助你的 coding 面试!

JS 中的垃圾回收

对于开发者来说,JavaScript 的内存管理是自动的、无形的。我们创建的原始值、对象、函数……这一切都会占用内存。当某个东西我们不再需要时会发生什么?JavaScript 引擎如何发现它、清理它?

TS与JS中的Getters和Setter究竟有什么用?

在本文中,我们讨论了getter 和 setter 在现代 Web 开发中的实用性。它们有用吗?什么时候使用它们是有意义的?尽管我不同意 getter 和 setter 完全是一个反模式。但它们在几种情况下能带来更多的实用性。

JS中for循环的常见题型

for循环示例;让用户输入行数,使用for循环嵌套打出倒着的星星出来,行数等于用户输入的数字 ;有1,2,3,4这么4个数,能组成多少个互不相同且不含有重复数字的三位数?都是多少?

javascript:void(0)的含义

首先,void关键字是javascript当中非常重要的关键字,该操作符指定要计算或运行一个表达式,但是不返回值。语法格式:void func()、void(func())

前端基础之BOM和DOM

JavaScript分为 : ECMAScript,DOM,BOM。BOM(Browser Object Model)是指浏览器对象模型,它使 JavaScript 有能力与浏览器进行“对话”。DOM (Document Object Model)是指文档对象模型

解密JavaScript执行上下文

首先我们先了解一下什么是执行上下文栈(Execution context stack)。分别展示了栈、堆和队列,其中栈就是我们所说的执行上下文栈;堆是用于存储对象这种复杂类型,我们复制对象的地址引用就是这个堆内存的地址

javascript中的依赖注入

使用没有依赖的模块,显然这是很难实现的。即使你创建了很好的像黑盒一样的组件,但总有个将所有部分合并起来的地方。这就是依赖注入起作用的地方,当前来看,高效管理依赖的能力是迫切需要的,本文总结了原作者对这个问题的看法。

js中&与&&,|与||的区别

&、|、~都是位操作符,而&&、|、~|都是逻辑操作!。&&是逻辑与运算符假前真后,||是逻辑或运算符真前假后,&是按位与操作两个数值的个位分别相与,同时为1才得1,只要一个为0就为0。

Js常用基础算法

冒泡排序;插入排序 过程就像你拿到一副扑克牌然后对它排序一样;快速排序;回文字符串;翻转字符串;字符串中出现最多次数的字符;数组去重;二分查找

fly63.com版权所有,内容以共享、参考、研究为目的,不存在任何商业目的。其版权属原作者所有,如有侵权,请与小编联系!情况属实本人将予以删除!

广告赞助文章投稿关于web前端网站点搜索站长推荐网站地图站长QQ:522607023

小程序专栏: 土味情话心理测试脑筋急转弯幽默笑话段子句子语录成语大全