網頁中的java代碼需要寫在JavaScript中,裡面部分少不了函數,介紹一下JavaScript中常用的函數類型。
1、可變函數
<script>
function show(){
alert("第一個。。。");
}
function show(str){
alert("第二個");
}
function show(a,b){
alert("第三個。。。");
alert(a+":"+b);
}
</script>
</head>
<!-- 可變參數的函數: 在js中都是可變參數的函數
<!-- 1 函數雖然定義時是聲明成兩個參數,但調用時卻是可以傳入任意個 -->
<!-- 2 每個函數中,存在一個 默認的數組arguments ,裡面存儲著本次調用時傳入的所有實參 -->
<body>
<!-- 1, 可變參數的演示: -->
<script>
show();//當調用之後,會把前面的沖掉 //undefined:undefined
show(111);//當調用之後,會把前面的沖掉 // 11:undefined
show("a","b");//當調用之後,會把前面的沖掉//a:b
show(1,2,3,4);//1:2
</script>
綜上的例子,Js當中的函數是不存在重載的。一定就通配所有的了,函數雖然定義時是聲明若干變量,但調用時卻是可以傳入任意個。每個函數中,存在一個 默認的數組arguments ,裡面存儲著本次調用時傳入的所有實參。
2、匿名函數
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<!-- 演示JavaScript匿名函數 -->
<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、動態函數
簡介:利用Js當中內置的對象Function來構造一個函數,構造方法中的第1個參數是“形參”,第2個參數是“函數體”。
<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當中內置的對象Function來構造一個函數,構造方法中的第1個參數是“形參”,第2個參數是“函數體”。 -->
<!-- 該思想類似於Java當中的類反射。我們平時寫函數時通常不用,但關鍵的地方一寫,整個程序的功能會變得很活 -->
<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常用的函數類型,只是簡單的進行了介紹,如果想進行深入了解,大家可以繼續閱讀下面為大家分享的相關文章。