函數是一組執行特定任務（具有特定功能）的，可以重復使用的代碼塊。除了使用內置函數外，我們也可以自行創建函數（自定義函數），然后在需要的地方調用這個函數，這樣不僅可以避免編寫重復的代碼，還有利于代碼的后期維護。

一：聲明函數的幾種方法

JavaScript中自定義函數的聲明方法有 3 種，即使用 function 語句、使用 Function() 構造函數和定義函數直接量。

1、function 語句

在 JavaScript 中可以使用 function 語句聲明函數。具體用法如下：

function funName([args]) {     statements }

funName 是函數名，與變量名一樣必須是 JavaScript 合法的標識符。在函數名之后是一個由一個小括號包含的參數列表，參數之間以逗號分隔。參數是可選的，沒有數量限制。

作為標識符，參數僅在函數體內被訪問，參數是函數作用域的私有成員。調用函數時，通過為函數傳遞值，然后使用參數獲取外部傳入的值，并在函數體內干預函數的運行。

在小括號之后是一個大括號，大括號內包含的語句就是函數體結構的主要內容。在函數體重，大括號是必不可少的，缺少大括號，JavaScript 將會拋出語法錯誤。

示例

function 語句必須包含函數名、小括號和大括號，其他代碼都可省略，因此最簡單的函數體是一個空函數。

function funName() {}  //空函數

如果使用匿名函數，則可以省略函數名。

function () {}  //匿名空函數

var 語句和 function 語句都是聲明語句，它們聲明的變量和函數都在 JavaScript 預編譯時被解析，也被稱為變量提升和函數提升。在預編譯期，JavaScript 引擎會為每個 function 創建上下文，定義變量對象，同時把函數內所有形參、私有變量、嵌套函數作為屬性注冊到變量對象上。

2、Function() 構造函數

使用 Function() 構造函數可以快速生成函數。具體用法如下：

var funName = new Function(p1, p2, ..., pn, body);

Function() 的參數類型都是字符串，p1~pn 表示所創建函數的參數名稱列表，body 表示所創建函數的函數結構體語句，在 body 語句之間以分號分隔。

示例1

可以省略所有參數，僅傳遞一個字符串，用來表示函數體。

var f = new Function ("a", "b", "return a+b");  //通過構造函數來克隆函數結構

在上面代碼中，f 就是所創建函數的名稱。同樣是定義函數，使用 function 語句可以設計相同結構的函數。

function f(a, b) {  //使用function語句定義函數結構     return a + b; }

示例2

使用 Function() 構造函數可以不指定任何參數，創建一個空函數結構體。

var f = new Function();  //定義空函數

使用 Function() 構造函數可以動態的創建函數，它不會把用戶限制在 function 語句預聲明的函數體中。使用 Function() 構造函數能夠把函數當做表達式來使用，而不是當做一個結構，因此使用起來會更靈活。其缺點就是，Function() 構造函數在執行期被編譯，執行效率非常低，一般不推薦使用。

3、匿名函數（函數直接量）

函數直接量也稱為匿名函數，即函數沒有函數名，僅包含 function 關鍵字、參數和函數體。具體用法如下：

function ([args]) {     statements }

示例1

下面代碼定義一個函數直接量。

function (a, b) {  //函數直接量     return a + b; }

在上面代碼中，函數直接量與使用 function 語句定義函數結構基本相同，它們的結構都是固定的。但是函數直接量沒有指定函數名，而是直接利用關鍵字 function 來表示函數的結構，這種函數也被稱為匿名函數。

示例2

匿名函數就是一個表達式，即函數表達式，而不是函數結構的語句。下面把匿名函數作為一個值賦值給變量 f。

//把函數作為一個值直接賦值給變量 f var f = function (a, b) {     return a + b; };

當把函數結構作為一個值賦值給變量之后，變量就可以作為函數被調用，此時變量就指向那個匿名函數。

console.log(f(1,2));  //返回值3

示例3

匿名函數作為值，可以參與更復雜的表達式運算。針對上面示例可以使用以下代碼完成函數定義和調用一體化操作。

console.log(  //把函數作為一個操作數進行調用     (function (a,b) {         return a + b;     })(1, 2));  //返回數值3

二：調用函數

一旦定義好了一個函數，我們就可以在當前文檔的任意位置來調用它。調用函數非常簡單，只需要函數名后面加上一個括號即可，例如 alert()、write()。注意，如果在定義函數時函數名后面的括號中指定了參數，那么在調用函數時也需要在括號中提供對應的參數。

示例代碼如下：

function sayHello(name){     document.write("Hello " + name); } // 調用 sayHello() 函數 sayHello('PHP中文網');

提示：JavaScript 對于大小寫敏感，所以在定義函數時 function 關鍵字一定要使用小寫，而且調用函數時必須使用與聲明時相同的大小寫來調用函數。

【