javascript基础笔记（十五）之js的“重载”

最新推荐文章于 2024-06-06 01:46:25 发布

bruce_suxin

最新推荐文章于 2024-06-06 01:46:25 发布

阅读量232

点赞数

分类专栏： HTML+CSS+JavaScript 文章标签： javascript 前端开发网页设计脚本语言 js技术

本文链接：https://blog.csdn.net/bruce_suxin/article/details/53118785

版权

HTML+CSS+JavaScript 专栏收录该内容

36 篇文章 0 订阅

订阅专栏

<span style="font-size:18px;">js的重载
          ** 什么是重载？？
	      方法名相同，参数不同
	  **js的重载是否存在？？ 不存在
	                        **调用最后一个方法
				**把传递的参数保存到arguments数组里面
				**
          **js里面是否存在重载？（面试题）
	                    （1）js里面不存在重载
			    （2）但是可以通过其他方式模拟重载的效果(通过arguments重载来实现)
			     （3）</span>

<span style="font-size:18px;">
</span>

<span style="font-size:18px;">代码：</span>

<span style="font-size:18px;">     这段代码是证明js里面是没有重载的。</span>

<span style="font-size:18px;"><!DOCTYPE html >
<html >
 <head>
  <title>  js的重载 </title>
 
 </head>
 <body>
         <script type="text/javascript">
<span style="white-space:pre">		</span>           function add11(a,b){
<span style="white-space:pre">				</span>       return a+b;
<span style="white-space:pre">				</span>    }
                 function add11(a,b,c){
<span style="white-space:pre">				</span>       return a+b+c;
<span style="white-space:pre">				</span>   }
                function  add11(a,b,c,s){
<span style="white-space:pre">				</span>     return a+b+c+d;
<span style="white-space:pre">				</span>}
           alert(add11(2,2));
          alert(add11(1,2,3));
<span style="white-space:pre">		</span>  alert(add11(2,3,4,5));
<span style="white-space:pre">		</span> </script>
 </body>
</html>
</span>

<span style="font-size:18px;">
</span>

<span style="font-size:18px;">这里写的是在js里面模拟重载的方法</span>

<span style="font-size:18px;"></span><pre name="code" class="html"><span style="font-size:18px;">arguments</span>

是js里面隐藏的一个数组，

<span style="font-size:18px;">里面会记入你传进来的参数，</span>

<span style="font-size:18px;">它会默认的将这些参数存储到arguments这个隐藏的数组里面去。</span>

<span style="font-size:18px;"><!DOCTYPE html>
<html>
 <head>
      <title> js的重载</title>
  </head>


 <body>
     <script type="text/javascript">
<span style="white-space:pre">	</span>     /*  function add1(a,b){
<span style="white-space:pre">			</span>    // alert("length:  "+arguments.length);
<span style="white-space:pre">				</span> for(var i=0;i<arguments.length;i++){
<span style="white-space:pre">				</span>        alert("value:"+arguments[i]);
<span style="white-space:pre">				</span> }
<span style="white-space:pre">	</span>     <span style="white-space:pre">	</span>     //return a+b;


<span style="white-space:pre">		</span>    }


           function add1(a,b,c){
<span style="white-space:pre">		</span>      return a+b+c;
<span style="white-space:pre">		</span>   }


           function  add1(a,b,c,d){
<span style="white-space:pre">		</span>      return   a+b+c+d;
<span style="white-space:pre">		</span>    }   
    */
<span style="white-space:pre">	</span> //模拟重载
        function add1(){
<span style="white-space:pre">		</span>          if(arguments.length==2){
<span style="white-space:pre">				</span>        return  arguments[0]+arguments[1];
<span style="white-space:pre">				</span>  }else if(arguments.length==3){
<span style="white-space:pre">				</span>            return arguments[0]+arguments[1]+arguments[2];
<span style="white-space:pre">				</span>   }else if(arguments.length==4){
<span style="white-space:pre">				</span>            return arguments[0]+arguments[1]+arguments[2]+arguments[3];
<span style="white-space:pre">				</span>   }else{
<span style="white-space:pre">				</span>        return 0;
<span style="white-space:pre">				</span>   }
 <span style="white-space:pre">	</span>      }
   


          //调用


<span style="white-space:pre">		</span> alert(add1(1,2));         //NaN
<span style="white-space:pre">		</span> alert(add1(1,2,3));     //NaN
<span style="white-space:pre">		</span> alert(add1(1,2,3,4));  //10
<span style="white-space:pre">		</span> alert(add1(1,2,3,4,5));
<span style="white-space:pre">	</span>  </script>
 </body>
</html>
</span>

bruce_suxin

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
javascript基础笔记（十五）之js的“重载”

js的重载 ** 什么是重载？？方法名相同，参数不同 **js的重载是否存在？？不存在 **调用最后一个方法 **把传递的参数保存到arguments数组里面 ** **js里面是否存在重载？（面试题）（1）js里面不存在重载
复制链接

扫一扫