Functions 的宣告與使用
範例：在這個範例中，我們說明函數（function）的宣告以及使用的方式。 範例中，我們定義了三個最常見的函數型態：world() 方法沒有傳入的參數， 也沒有回傳結果；hello(someone) 方法包含一個傳入的參數，但是沒有回傳結果； 還有，input() 方法，該方法沒有傳入的參數，卻有回傳結果。 定義完了方法之後，在程式碼的最後，我們分別呼叫這些方法。
原始碼：
<script language="javascript">
// 宣告函數
function world()
{
document.write("<h2>Hello World.</h2>");
}
// 傳遞參數給函數
function hello(someone)
{
document.write("<h2>Hello, " + someone + "</h2>");
}
// 回傳運算結果給呼叫程式
function input()
{
return prompt("Please enter your name.", "");
}
var someone;
world();
hello("Class");
someone = input();
alert("Hello " + someone);
</script>
說明：
- 函數的宣告由保留字 function 開頭，之後接上函數的名稱。 函數名稱後接上一對小括號，括號內可以置入參數。函數的範圍由一對大括號 組成，大括號內可以寫入敘述。
- 一般來說， 函數（functions）宣告在 <head> 標籤之間。（請以檢視原始碼 的方式來看本例的寫法。）
- 三個函數的寫法都還蠻簡單易懂的，除了 return 之外，我們就不多做 說明。在 input() 方法中，其目的在於取得使用者的資料，所以利用 prompt() 來 完成；prompt() 完成後，會回傳一個字串物件，而該物件會被 return 給傳回 呼叫端，也就是 someone = input();。
- 從宣告 someone 變數開始，所有的程式碼置放於 <body> 內，或者 更嚴謹的說，程式碼置放於應該出現的地方。由於 world() 和 hello("Class") 都沒有回傳任何資料，所以呼叫方法的方式就是直接把方法名稱寫出來，並加上 並要的參數即可。由於 input() 會回傳資料，所以我們寫成 someone = input();，由 someone 來接收 input() 回傳的資料。
- 除了 prompt() 會呈現輸入的對話視窗之外，Javascript 也提供的輸出用的 對話視窗 alert()；alert() 會將參數的內容以對話視窗的方式呈現出來。alert() 大概也是最常用來顯示除錯的訊息。
沒有留言:
張貼留言