JavaScript網頁程式設計之------函數(一般函數、動態函數、匿名函數)
- 黄舟原創
- 2016-12-30 16:45:141652瀏覽
函數
1、一般函數
格式：
function 函數名稱(形式參數...)
{
執行語句；
return 傳回值；
}
函數是多條執行語句的封裝體，只有被呼叫才會被呼叫才會被運行。
注意：呼叫有參數的函數，但沒有給其傳值，函數一樣可以運行，或者呼叫沒有參數的函數，給其傳值，函數也一樣運行。
說的簡單點：只要寫了函數名稱後面跟了一對小括號，函數就會運行。那麼傳遞的參數呢？
其實，在函數中有一個參數數組物件（arguments），該物件將傳遞的參數都封裝在一
個數組中。
例：
function demo(){<span style="font-family: 宋体;">//定义函数。</span>
alert(arguments.length);
}
demo(“hello”,123,true);//调用函数。那麼彈出的對話框結果是3，如果想得到所有的參數值，可以透過for循環遍歷該數組。
for(var x=0; x<arguments.length; x++){
alert(arguments[x]);
}為了增強閱讀性，最好依照規範，以定義好的形式參數傳遞實際參數。
函數在呼叫時的其他寫法：
var show = demo();//show变量接收demo函数的返回值。 var show = demo;//这种写法是可以的，意为show和demo代表同一个函数。 //那么该函数也可以通过show()的方式运行。
<script type="text/javascript">
function getValue(){
<span style="white-space:pre"> </span>alert("aa");
return 100;
<span style="white-space:pre"> </span>}
//var v = getValue();
//alert("v="+v);
var v2=getValue; //相当于getValue把引用值传给v2，因此v2也是一个“function对象”----getValue和v2都是引用变量
//alert("v2="+v2 );//其实是输出v2对象的toString()
//alert("v2="+v2() ); //调用v2这个函数对象---调用函数
</script>函數雖然定義時是聲明成兩個參數，但調用時卻是可以傳入任意個
<span style="font-weight: normal;"><span style="font-size:12px;">function show(x,y){
alert(x+","+y);
}
//show(23,22);//23,22
//show(23); //23,undefined
//show(); //undefined,undefined
//show(23,22,11);//23,22 后面的一个参数函数接收了但没有用</span></span>每個函數中，存在一個默認的數組arguments ,裡面存儲著本次呼叫時傳入的所有實參
//函数的参数全部是js内部用一个arguments数组来接收与存放的---该对象是js内部隐含帮我们做的，我们可以访问到这个数组对象
function show2(x,y){
arguments[0]=1000;//可以把形参x的值改掉
document.write(x+","+y+"<br/>");
for(var i=0;i<arguments.length;i++){
<span style="white-space:pre"> </span>document.write(arguments[i]+",");
<span style="white-space:pre"> </span>}
}
show2(11,22,33,44);
//※综上，函数的技术细节：
//1, js中的函数是没有重载，只以函数名来识别的---其实函数名就是一个function对象的引用的名字
//2, js函数中有一个内部维护的arguments数组来接收与保存形参技術細節：
1、js中函數沒有重載，只以函數名來識別，函數名稱就是function物件的引用名稱
2、函數的參數全是js內部用一個arguments的陣列來接收與存放的------該物件是js內部隱含幫我們做的，而且我們可以訪問，也可以更改值
2、動態函數
透過Js的內建物件Function實作。
例：
<script type="text/javascript">
//把函数的形参用第1个参数传入，函数体中的代码用第2个参数传入----可以通过调用者动态传入函数体，因此非常灵活，该思想类似Java当中的类反射。
<span style="white-space:pre"> </span>var add = new Function("a,b","var s = a+b; return s; ");
//alert( add(12,11));
</script>如同：
function demo(x,y){
alert(x+y);
}
demo(4,6);不同的是，動態函數，參數以及函數體都可以透過參數傳遞，可以動態指定。
3、 匿名函數
格式：function(){...}
例：
var demo = function(){...}
demo();通常在定義事件屬性的行為時較為常用。
例：
function test()
{
alert(“load ok”);
}
window.onload = test;可以寫成匿名函數的形式：
window.onload = function()
{
alert(“load ok”);
}匿名函數就是一種簡寫格式。
函數定義與呼叫範例：
<html>
<head>
<title>javascript数组与函数练习</title>
</head>
<body>
<script type="text/javascript">
//写一个获取数组中元素最大值的函数
function getMax(arr){
var max=0;//最大值的下标
for(var x=1;x<arr.length;x++){
if(arr[x]>arr[max]){
max = x;
}
}
return arr[max];
}
//调用
var arr=[23,-3,45,0,-100,47,22];
var v = getMax(arr);
//alert("v="+v);
//数组排序
function sortArray(arr){
for(var x=0;x<arr.length-1;x++){
for( var y=x+1;y<arr.length;y++){
if(arr[x]>arr[y]){
swap(arr,x,y);
}
}
}
}
function swap(arr,x,y){
var temp = arr[x];
arr[x] = arr[y];
arr[y] = temp;
}
//alert(arr);
//document.write(arr+"<br/>");
// sortArray(arr);
//alert(arr);
//document.write(arr+"<br/>");
//我们的输出函数---把内容输出到页面且换行
function println(str){
document.write(str+"<br/>");
}
println(arr);
sortArray(arr);
println(arr);
//到数组当中查找元素
function searchElement(arr,key){
for(var x=0;x<arr.length;x++){
if(arr[x]==key){
return x;
}
}
return -1;
}
println( searchElement(arr,0) );
println( searchElement(arr,123) );
</script>
<script type="text/javascript">
//二分查找
function binarySearch(arr,key){
var max,min,mid;
min=0;
max=arr.length-1;
while(min<=max){
mid = (max+min)>>1;
if(key>arr[mid]){//落在右边
min = mid+1;
}else if(key<arr[mid]){//落在左边
max = mid-1;
}else{
return mid;
}
}
return -1;
}
println( binarySearch(arr,0) );
println( binarySearch(arr,123) );
//数组反转
function reverseArray(arr){
for(var start=0,end=arr.length-1; start<end; start++,end--){
swap(arr,start,end);
}
}
reverseArray(arr);
println("反转之后:"+arr);
</script>
</body>
</html> 以上就是JavaScript網頁程式設計之------函數(一般函數、動態函數、匿名函數)的內容，更多相關內容請關注PHP中文網（www.php .cn）！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn