JavaScript 没有函数重载&Arguments对象

对于学过Java的人来说,函数重载并不是一个陌生的概念,但是javaScript中有函数重载么...接下来我们就进行测试

  1. <script type="text/javascript">  
  2.     //JavaScript不存在函数重载现象  
  3.     var add=function(a,b){  
  4.         return a+b;  
  5.     }  
  6.     var add=function(a,b,c){  
  7.         return a+b+c;  
  8.     }  
<script type="text/javascript">
  	//JavaScript不存在函数重载现象
  	var add=function(a,b){
		return a+b;
	}
	var add=function(a,b,c){
		return a+b+c;
	}
  1. <span style="white-space:pre">    </span>alert(1,2);  
  2.     alert(add(1,2,3));  
  3.   
  4.   
  5.   </script>  
<span style="white-space:pre">	</span>alert(1,2);
	alert(add(1,2,3));


  </script>
这个案例也仿照java中的语法,来模拟函数重载..我们运行一下结果

alert(1,2):

alert(1,2,3):

结果对比发现:第一个运行的结果是NaN,第二个运行的结果正常。

JavaScript中不存在函数重载的现象,当同时出现两个相同的函数名驶,第二个会覆盖第一个.因此alet(1,2)会找第二个函数,但是它是实参中的第三个参数为空,因此结果报了NaN.

那么我们怎么样模仿Java中的函数重载现象呢?这里就要介绍Arguments对象...

<script type="text/javascript">  
  1.     //JavaScript不存在函数重载现象  
  2.     var add=function(){  
  3.         if(arguments.length==2){  
  4.             return arguments[0]+arguments[1];  
  5.         }else if(arguments.length==3){  
  6.             return arguments[0]+arguments[1]+arguments[2];  
  7.         }  
  8.     }  
  9.     alert(add(1,2,4));  
  10.   </script>  
<script type="text/javascript">
  	//JavaScript不存在函数重载现象
	var add=function(){
		if(arguments.length==2){
			return arguments[0]+arguments[1];
		}else if(arguments.length==3){
			return arguments[0]+arguments[1]+arguments[2];
		}
	}
	alert(add(1,2,4));
  </script>
functon必须是空的function(){}

根据arguments是一个数组,可以根据他的长度length来判断函数的参数的个数...

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值