JavaScript中的方法重载实例
更新时间：2015年03月16日 11:31:53 投稿：junjie
这篇文章主要介绍了JavaScript中的方法重载实例,本文直接给出重载实例,需要的朋友可以参考下
.NET里面的方法重载用着的确很方便，哪Javascript里面能不能也哪样做呢？
Javasciprt里面本生是没有方法重载的功能，以前很多人的做法可能是直接少传参数过去，然后在根据参数是否为 “undefined” 未定义来决定怎么处理，从而实现类似方法重载的功能。
例如：
复制代码 代码如下:
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方法重载的写法，它是能过另外一个方法来实现的。
看一下这个代码:
复制代码 代码如下:
// 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');
看，这样一来就简单了……
相关文章
这篇文章主要为大家详细介绍了基于bootstrap风格的弹框插件，适用于确认框、提示框，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-12-12
本文主要给大家介绍了javascript的一些函数定义方面的基础知识，包括函数声明式、函数表达式、Function 构造函数等，十分的简单实用，有需要的小伙伴可以参考下。2015-06-06
这篇文章主要为大家详细介绍了js实现转动骰子模型，自动随机生成骰子数的模型，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-10-10
这篇文章主要介绍了微信小程序-获取用户地理位置名称(无须用户授权)的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-04-04
这篇文章主要为大家详细介绍了javaScript字符串工具类StringUtils，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-12-12
《艾尔登法环》是最近比较火的一款游戏，观察可以发现它的 Logo 是由几个圆弧和线段构成。本文使用 React + Three.js 技术栈，实现具有火焰效果艾尔登法环 Logo，感兴趣的可以了解一下2022-03-03
跳转到另一个页面的方法有很多，在本文将为大家详细介绍下js中如何实现5秒后跳转到另一个页面，感兴趣的朋友可不要错过2013-10-10
这篇文章主要为大家详细介绍了JS实现带导航城市列表以及输入搜索功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2018-01-01
Vue之vue-tree-color组件实现组织架构图案例详解
这篇文章主要介绍了Vue之vue-tree-color组件实现组织架构图案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
bootstrap treeview 扩展addNode方法动态添加子节点的方法
bootstrap-treeview 是一款基于Jquery+bootstrap的树控件，这篇文章主要介绍了bootstrap treeview 扩展addNode方法动态添加子节点的方法,需要的朋友可以参考下2017-11-11
最新评论