JavaScript中通过arguments对象模拟函数重载

 
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
/* 
JavaScript中不存在函数重载/* 1. JavaScript中不存在函数的重载 */
/* 2. JavaScript函数定义时的形参个数，与执行时传递的实参个数可以不一致。 */
/* 3. JavaScript执行时，会将真实传递的参数封装成arguments对象。 */
*/ 
function add(a){
return a+10;
} 
var add=new Function("a","return a+10");
//alert(add(5));
function add(num1,num2){
return num1+num2;
} 
var add=new Function("num1","num2","return num1+num2");
alert(add(5,6));
alert(add(5));//这样调用的结果是NaN：因为调用的是后定义的两个参数的函数
//也就是虽然有var的声明，但是javascript中只要变量名称相同，后定义的就会覆盖
//之前定义的=======得出的结论就是js中不存在函数的重载。
使用arguments对象模拟重载//-------------------用arguments对象模拟方法的重载-----
//-依据不同的参数个数，调用不同的代码块，最多25个参数
function addNum(){
alert(arguments.length);
for(var x=0;x<arguments.length;x++){
alert(arguments[x]);
//这个对象只能在函数体内
} 
if(arguments.length==1){
return arguments[0]+10;
}else if(arguments.length==2){
return arguments[0]+arguments[1];
}else{
return "参数错误，请核对";
} 
} 
var value=addNum(10,20,30);
alert("函数的返回值："+value);//结果value的值就是："参数错误，请核对"
//事实上，是通过参数的判断，去实现调用不同的函数功能，并且返回不同的值；这样做类似的实现了java中的重载
//但是本质上，js中是没有重载的，相同的变量，在不同的位置出现，若赋值后，必然会覆盖前面声明的变量。当然
//这里面排除掉函数内部的量和函数外部变量的这一种关系。
</script>
</head>
<body>
</body>
</html>