当前位置: 首页 > 图文教程 > 网络编程 > Javascript > 如何实现JS函数的重载

Javascript
Javascript 学习笔记 错误处理
Javascript 类的继承实现代码
JavaScript 创建对象和构造类实现代码
JavaScript 学习小结(适合新手参考)
extjs 列表框(multiselect)的动态添加列表项的方法
javascript getElementsByName()的用法说明
Document 对象的常用方法
JS 事件冒泡 示例代码
JS 面向对象的5钟写法
JS 输入字数判断实现代码
Javascript 汉字字节判断
JavaScript 关键字屏蔽实现函数
一句话JavaScript表单验证代码
利用javascript实现一些常用软件的下载导航
jQuery 相关控件的事件操作分解
JavaScript 异步调用框架 (Part 1 - 问题 & 场景)
JavaScript 异步调用框架 (Part 2 - 用例设计)
JavaScript 异步调用框架 (Part 3 - 代码实现)
JavaScript 异步调用框架 (Part 4 - 链式调用)
JavaScript 异步调用框架 (Part 5 - 链式实现)

No. « 150 151 152 153 »

技术文章搜索

关键字

Javascript 中的 如何实现JS函数的重载

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 279 ::
收藏到网摘: n/a

javascript不能支持函数的重载，如下：
复制代码 代码如下:

<script language="JavaScript">
function f(length)
{
alert("高为："+length);
}
function f(length,width)
{
alert("高为："+length+"，宽为："+width);
}
</srcipt>

上面那段代码其实是行不通的，因为函数定义时的参数个数和函数调用时的参数个数没有任何关系。 在函数中可以用f.arguments[0]和f.arguments[1]得到调用时传入的第一和第二个参数，所以定义function(length)，后面用f(10,10)调用是没有问题的。所以在上面这段代码中，第二个函数是永远不可能被调用到的，那么，要怎样才能实现像函数重载那样的功能呢？
那就是在函数定义中用f.arguments.length判断一下调用时传入的参数个数。然后对不同的情况采用不同的处理方式。
如下：
复制代码 代码如下:

<script language="JavaScript">
function f()
{
var len= arguments.length;
if(1 == len)
{
var length = arguments[0];
var width = arguments[1];
f2(length,width);
}
else
{
var length = arguments[0];
f1(length);
}
}
function f1(length)
{
alert("高为："+length);
}
function f2(length,width)
{
alert("高为："+length+"，宽为："+width);
}
</srcipt>

这样，你就可以给函数f()传入一个参数也可以传入两个参数了，比如f(10)和f(10,10)；
个人觉得，这样虽然可以实现重载，但也不是很好用，我们可以根据具体情况在一个函数中实现重载，如果要重载的两个函数相差较大，那就保留两个函数，而如果两个函数的实现基本差不多，那么可以在一个函数中进行判断，处理不同的部分，而不需要像上面那样写成三个函数，如下：
复制代码 代码如下:

<script language="JavaScript">
function f(length)
{
var len= arguments.length;
if(1 == len)
{
var width = arguments[1];
alert("高为："+length+"，宽为："+width);
}
else
{
alert("高为："+length);
}
}
</srcipt>