函数-函数的基本组成
?? ? ? ? JavaScript 腳本語言允許開發者通過編寫函數的方式組合一些可重復使用的腳本代碼塊，增加了腳本代碼的結構化和模塊化。函數是通過參數接口進行數據傳遞，以實現特定的功能。本小節將重點介紹函數的基本概念、組成、全局函數與局部函數、作為對象的函數以及遞歸函數等知識，讓讀者從頭開始，學習如何編寫執行效率高、代碼利用率高，且易于查看和維護的函數。
2.9.1 函數的基本組成
??????? 函數由函數定義和函數調用兩部分組成，應首先定義函數，然后再進行調用，以養成良好的編程習慣。
函數的定義應使用關鍵字 function，其語法規則如下：
function funcName ([parameters])
{
statements;
[return 表達式;]
}
??????? 函數的各部分含義如下：
?????? ? funcName 為函數名，函數名可由開發者自行定義，與變量的命名規則基本相同；
?????? ? parameters 為函數的參數，在調用目標函數時，需將實際數據傳遞給參數列表以完成函數特定的功能。參數列中可定義一個或多個參數，各參數之間加逗號“,”分隔開來，當然，參數列表也可為空；
???????? statements 是函數體，規定了函數的功能，本質上相當于一個腳本程序；
?????? ? return 指定函數的返回值，為可選參數。
???????自定義函數一般放置在 HTML 文檔的<head>和</head>標記對之間。除了自定義函數外，JavaScript 腳本語言提供大量的內建函數，無需開發者定義即可直接調用，例如window 對象的alert()方法即為JavaScript 腳本語言支持的內建函數。
????????? 函數定義過程結束后，可在文檔中任意位置調用該函數。引用目標函數時，只需在函數名后加上小括號即可。若目標函數需引入參數，則需在小括號內添加傳遞參數。如果函數有返回值，可將最終結果賦值給一個自定義的變量并用關鍵字return 返回。
考察如下測試代碼：
//源程序2.18
<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN"
"http://www.w3.org/TR/REC-html140/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Sample Page!</title>
<script language="JavaScript" type="text/javascript">
<!--
var msg="\n 函數調用實例 : \n\n";
//響應按鈕的onclick 事件處理程序
function Test()
{
var i=10;
var j=15;
var temp=sum(i,j);
msg+="函數參數 : \n";
msg+="參數1: i="+i+"\n";
msg+="參數2: j="+j+"\n";
msg+="調用語句 : \n";
msg+="var temp=sum(i,j); \n";
msg+="返回結果 : \n";
msg+=""+i+"+"+j+" = "+temp+"\n";
alert(msg);
}
//計算兩個數的加和
function sum(data1,data2)
{
var tempData=data1+data2;
return tempData;
}
-->
</script>
</head>
<body>
<center>
<form>
<input type=button value="測試" οnclick="Test()">
</form>
</center>
</body>
</html>
程序運行后，在原始頁面單擊“測試”按鈕，彈出警告框如圖2.30 所示。
圖 2.30 函數調用
?????? 上述代碼中，定義了實現兩數加和的函數 sum(data1,data2)及響應“測試”按鈕onclick事件處理程序的Test()函數，并在后者內部調用了window 對象的內建函數alert()，實現了函數的相互引用。
????????
??????? 如果函數中引用的外部函數較多或函數的功能很復雜，勢必導致函數代碼過長而降低腳本代碼可讀性，違反了開發者使用函數實現特定功能的初衷。因此，在編寫函數時，應盡量保持函數功能的單一性，使腳本代碼結構清晰、簡單易懂。
轉載于:https://www.cnblogs.com/firesky/archive/2011/08/19/2145988.html
總結
以上是生活随笔為你收集整理的函数-函数的基本组成的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： silverlight中常用公共函数分享
- 下一篇： Jquery给基本控件的取值、赋值