Javascript 的方法重载

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

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

例如:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var showMessage = function(name,value,id){
    if(id != undefined){
        alert(name+value+id);
    }
    else if(value != undefined){
        alert(name + value);
    }
    else{
        alert(name);
    }
}

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

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

看一下这个代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
// 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);

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

原文地址:http://ajaxian.com/archives/javascript-method-overloading