JavaScript中的方法重载实例

233 阅读 0 评论 154 点赞

我是靠谱客的博主整齐小丸子，最近开发中收集的这篇文章主要介绍JavaScript中的方法重载实例，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

.NET里面的方法重载用着的确很方便，哪Javascript里面能不能也哪样做呢？

Javasciprt里面本生是没有方法重载的功能，以前很多人的做法可能是直接少传参数过去，然后在根据参数是否为 “undefined” 未定义来决定怎么处理，从而实现类似方法重载的功能。

例如：

复制代码代码如下:

showMessage(”哈哈”);
showMessage(”哈哈”,”？？”);
showMessage(”哈哈”,”？？”,124124);

今天在Ajaxian上面看到了一篇关于Javascript方法重载的写法，它是能过另外一个方法来实现的。

看一下这个代码:

复制代码代码如下:

// addMethod - By John Resig (MIT Licensed)
function addMethod(object, name, fn){
    var old = object[ name ];
    object[ name ] = function(){
        if ( fn.length == arguments.length ){
         return fn.apply( this, arguments );
     }
     else if ( typeof old == 'function' ){
      return old.apply( this, arguments );
}
}
};

var UserInfo = function(){
    addMethod(this,”find”,function(){
        alert(”没有参数”);
    });

    addMethod(this,”find”,function(name){
        alert(”传入的参数是一个，叫 ”+name);
    });

    addMethod(this,”find”,function(name,value){
        alert(”传入了两个参数，一个叫 name=”+name+” 一个叫 value=”+value);
    });
};

var userinfo = new UserInfo();
userinfo.find();
userinfo.find('我是谁？');
userinfo.find('某某某','1512412514');

看，这样一来就简单了……