华山资源网

妙用缓存调用链实现JS方法的重载
网络编程 2024/11/20 佚名
3 1

1.什么是方法重载

方法重载是指在一个类中定义多个同名的方法，但要求每个方法具有不同的参数的类型或参数的个数。
简而言之就是：方法重载就是方法名称重复，加载参数不同。

具体看请左转： 方法重载/百度百科
那么js如何实现这个呢？？？

2. js如何实现？

首先javascript是没有重载函数/方法这个概念的，但是js提供了一个arguments这个方法参数，通过这个参数的length属性就可以拿到方法参数的长度，o~对了，咱们今天实现的也仅仅是按照参数长度重载，而不是参数类型~~·length ，
那么及下载呢，一旦有了方法参数长度，于是出现了比常见的switch写法：

var seven={
  dosomething:function(){
    switch(arguments.length){
      case 0:
        console.log(arguments.length);
        //dosomething
        break;
      case 1:
        console.log(arguments.length);
        //dosomething
        break;
       case 2:
        //dosomething
        console.log(arguments.length);
        break;
    }
  }
}

3.优化

wow~如果10个方法就需要10个分支~而且很不好维护~因为每个方法体都在case下，或者单独提出来写成一个function~
然后这些都是不好的~不易维护的，逼格不够高的~那么咱们应该如何优雅的实现对于不同参数的同一方法名的处理呢？

这就用到这个 apply 这个方法了.

咱们为seven编写一个addMethod方法

var seven = {
  addMethod: function (fname, func) {
    var old = this[fname];
    this[fname] = function () {
      if (arguments.length == func.length) {
        return func.apply(this,arguments);
      }
      if (typeof old == 'function') {
        return old.apply(this, arguments);
      }
    }
  }
};

修改后的seven如上，然后之前写的switch就可以这样搞了:

seven.addMethod('dosomething', function (x) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y) {
  console.log(arguments.length);
   //dosomething
});
seven.addMethod('dosomething', function (x,y,z) {
  console.log(arguments.length);
   //dosomething
});

咱们要增加方法，只需要调用这个addMethod方法就ok了，是不是觉得简单明了，更加清晰。
那么这段代码的原理呢，其实也很简单，就是缓存旧方法，然后根据参数长度依次apply链式调用，直到找到和当前参数等长的方法~然后进行调用。

func 和 old 很有可能让初来乍到的童鞋们迷惑，其实不然，这里巧妙的使用了JavaScript语言的特性，这个old每一次保存的都是上一次方法的引用，而且每次都是全新的，而旧的old又保持着引用，这是什么呢？闭包喽~。

华山资源网 Design By www.eoogi.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
华山资源网 Design By www.eoogi.com
www.eoogi.com 华山资源网
120,135影音资源
344,641技术资源
22,817软件资源
435,032站长资源

更新日志

友情链接

杰晶网络 DDR爱好者之家 桃源资源网 杰网资源 富贵资源网 南强小屋 铁雪资源网 幽灵资源网 万梅资源网 狼山资源网 白云岛资源网 昆仑资源网 相思资源网 明霞山资源网 内蒙古资源网 黑松山资源网 茶园资源网 饿虎岗资源网 大旗谷资源网 常春岛资源网 岱庙资源网 兴国资源网 快活林资源网 蝙蝠岛资源网 帝王谷资源网 白云城资源网 伏龙阁资源网 清风细雨楼 天枫庄资源网 圆月山庄资源网 无争山庄资源网 神水资源网 移花宫资源网 神剑山庄资源网 无为清净楼资源网 金钱帮资源网 丐帮资源网 华山资源网 极乐门资源网 小李飞刀资源网 凤求凰客栈 风云阁资源网 金狮镖局 鸳鸯亭资源网 千金楼资源网 更多链接
华山资源网 Design By www.eoogi.com