js模拟如何实现重载以及默认参数
模拟实现重载以及默认参数
众所周知，js是函数不支持重载和默认参数的，但是我们可以使用一些其他方法来模拟这个方法的实现。
- 首先看一下重载的定义：函数名相同,函数的参数列表不同(包括参数个数和参数类型)，至于返回类型可同可不同。
- 以及默认参数的定义：默认参数指的是当函数调用中省略了实参时自动使用的一个值。
那么如何实现这两个功能呢，一个很简单的方法就是使用arguments来进行模拟。
下面先说实现重载的方法
function overLoad(){//用这样的方法模拟重载
if(arguments[0]){//如果存在第一个参数
if(arguments[1]){//如果第一个参数第二个参数都存在
//to do...
alert(arguments[0]+arguments[1]);
}
else{//如果只有第一个参数
alert(arguments[0]);
//to do...
}
}
else{//如果无参
alert("null");
//to do...
}
}
接下来是实现默认参数的方法
function defaultArg(){//用这样的方法模拟默认参数
var a = arguments[0]?arguments[0]:"hello";//第一个参数的默认值为hello
var b = arguments[1]?arguments[1]:"world";//第二个参数的默认值为world
//...
alert(a+b);
}
下面进行一下测试
//重载测试
overLoad();//null
overLoad("hello ");//hello
overLoad("hello ","world");//hello world
//默认参数测试
defaultArg();//hello world
defaultArg("你好 ");//你好 world
defaultArg("你好 ","世界");//你好 世界
js的函数支持重载吗
JavaScript的函数支持重载吗？对于这个问题，主要有两个点，第一，JavaScript的函数；第二，重载。
首先，说一下重载。所谓重载，简单说，就是函数或者方法有相同的名称，但是参数列表不相同的情形，这样的同名不同参数的函数或者方法之间，互相称之为重载函数或者方法。所以说，重载主要需要两点：第一，同样的函数名。第二，不同的函数参数。
明确了重载的定义之后，我们再回到JavaScript这里。追本溯源，现在一说到JavaScript，我们就可以联想到ECMAScript，即JavaScript的标准。那么，这个标准里面对函数做出了那些规范呢？
首先，ECMAScript是没有函数签名的概念的，因为其参数是由包含零或多个值的数组来表示的。而没有函数签名，真正的重载是不可能做到的。
其次，如果在ECMAScript中定义了两个名字相同的函数，则该名字只属于后定义的函数，如下：
function add(num){
return num+1;
}
function add(num){
return num+2;
}
var result = add(4); //结果为6
在上面的例子中，add()函数被定义了两次，然而，当我们调用他的时候，却直接调用了第二个函数，这说明在JavaScript中，后定义的函数会覆盖先定义的函数。
说到这里，是不是就可以判定JavaScript不支持函数重载了呢？
让我来介绍一下JavaScript里面的一个arguments对象。首先，ECMAScript函数的参数与其他语言的函数参数有一点不同。ECMAScript函数不介意传进来的参数个数和类型。也就是说，在你定义了函数只接受两个参数之后，你仍然可以在调用的时候传递零或多个参数。这并不会报错。原因就在于arguments对象。ECMAScript中，函数的参数始终是存放在一个数组中，而通过arguments对象，就可以访问到这个数组。所以，只需要使用length属性就可以确定调用函数时传递了多少个参数。
说到这里，我们可以来尝试这样写：
function add(num1, num2){
if(arguments.length == 1){
alert("你输入的只有一个数字:"+arguments[0]+" 请重新输入");
}else if(arguments.length == 2){
alert("你输入数字的和为：" + arguments[0]+arguments[1]);
}
}
通过这个例子，我们可以看出，通过检查传入函数中参数的数量，JavaScript函数可以做出不同的反应，这可以间接达到重载的目的。
所以，JavaScript是可以模仿函数的重载的。
