快捷導(dǎo)航

詳解JavaScript中常用的函數(shù)類型

更新時(shí)間：2015年11月18日 12:02:52 投稿：lijiao

這篇文章主要介紹了三種JavaScript中常用的函數(shù)類型，包括匿名函數(shù)、動(dòng)態(tài)函數(shù)、可變參數(shù)函數(shù)，感興趣的小伙伴們可以參考一下

網(wǎng)頁中的java代碼需要寫在JavaScript中，里面部分少不了函數(shù)，介紹一下JavaScript中常用的函數(shù)類型。
1、可變函數(shù)

    <script> 
  
    function show(){ 
      alert("第一個(gè)。。。"); 
    } 
     
   
    function show(str){ 
    alert("第二個(gè)"); 
    } 
    function show(a,b){ 
      alert("第三個(gè)。。。"); 
      alert(a+":"+b); 
    } 
     </script> 
 </head> 
<!--  可變參數(shù)的函數(shù)： 在js中都是可變參數(shù)的函數(shù) 
<!-- 1 函數(shù)雖然定義時(shí)是聲明成兩個(gè)參數(shù)，但調(diào)用時(shí)卻是可以傳入任意個(gè) --> 
<!-- 2 每個(gè)函數(shù)中，存在一個(gè) 默認(rèn)的數(shù)組arguments ,里面存儲(chǔ)著本次調(diào)用時(shí)傳入的所有實(shí)參 --> 
 <body> 
<!-- 1， 可變參數(shù)的演示： --> 
 <script> 
     
    show();//當(dāng)調(diào)用之后，會(huì)把前面的沖掉 //undefined：undefined 
    show(111);//當(dāng)調(diào)用之后，會(huì)把前面的沖掉 // 11:undefined 
    show("a","b");//當(dāng)調(diào)用之后，會(huì)把前面的沖掉//a:b 
    show(1,2,3,4);//1:2 
 </script>

綜上的例子，Js當(dāng)中的函數(shù)是不存在重載的。一定就通配所有的了，函數(shù)雖然定義時(shí)是聲明若干變量，但調(diào)用時(shí)卻是可以傳入任意個(gè)。每個(gè)函數(shù)中，存在一個(gè) 默認(rèn)的數(shù)組arguments ,里面存儲(chǔ)著本次調(diào)用時(shí)傳入的所有實(shí)參。

2、匿名函數(shù)

<!DOCTYPE html> 
<html> 
 <head> 
 </head> 
  
 <body> 
<!--   演示JavaScript匿名函數(shù) --> 
  <script type="text/javascript"> 
    var res =function(a,b){//注意是小寫func 
    return a+b; 
    };</span> 
    alert("sum="+res(1,2));//sum=3 
    alert("res="+res("abc","def"));//res=abcdef 
     
  </script> 
 </body> 
</html>

3、動(dòng)態(tài)函數(shù)
簡(jiǎn)介：利用Js當(dāng)中內(nèi)置的對(duì)象Function來構(gòu)造一個(gè)函數(shù)，構(gòu)造方法中的第1個(gè)參數(shù)是“形參”，第2個(gè)參數(shù)是“函數(shù)體”。

<span style="font-size:18px;"><!DOCTYPE html> 
<html> 
 <head> 
  <title>DTfunc.html</title> 
   
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  <meta http-equiv="description" content="this is my page"> 
  <meta http-equiv="content-type" content="text/html; charset=UTF-8"> 
   
  <!--<link rel="stylesheet" type="text/css" href="./styles.css">--> 
 
 </head> 
  
 <body> 
<!--  利用Js當(dāng)中內(nèi)置的對(duì)象Function來構(gòu)造一個(gè)函數(shù)，構(gòu)造方法中的第1個(gè)參數(shù)是“形參”，第2個(gè)參數(shù)是“函數(shù)體”。  --> 
<!-- 該思想類似于Java當(dāng)中的類反射。我們平時(shí)寫函數(shù)時(shí)通常不用，但關(guān)鍵的地方一寫，整個(gè)程序的功能會(huì)變得很活 --> 
  <script> 
  var res=new Function("x,y","var sum=0;sum=x+y;return sum;") 
  var sum=res(12,34);//46 
  var sum=res("abc","bss");//abcbss 
  alert("sum="+sum); 
  </script> 
 </body> 
</html></span>

以上分享的三種JavaScript常用的函數(shù)類型，只是簡(jiǎn)單的進(jìn)行了介紹，如果想進(jìn)行深入了解，大家可以繼續(xù)閱讀下面為大家分享的相關(guān)文章。

您可能感興趣的文章: