函數(shù)是一組執(zhí)行特定任務(wù)（具有特定功能）的，可以重復(fù)使用的代碼塊。除了使用內(nèi)置函數(shù)外，我們也可以自行創(chuàng)建函數(shù)（自定義函數(shù)），然后在需要的地方調(diào)用這個(gè)函數(shù)，這樣不僅可以避免編寫重復(fù)的代碼，還有利于代碼的后期維護(hù)。

一：聲明函數(shù)的幾種方法

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

1、function 語句

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

function funName([args]) {     statements }

funName 是函數(shù)名，與變量名一樣必須是 JavaScript 合法的標(biāo)識(shí)符。在函數(shù)名之后是一個(gè)由一個(gè)小括號(hào)包含的參數(shù)列表，參數(shù)之間以逗號(hào)分隔。參數(shù)是可選的，沒有數(shù)量限制。

作為標(biāo)識(shí)符，參數(shù)僅在函數(shù)體內(nèi)被訪問，參數(shù)是函數(shù)作用域的私有成員。調(diào)用函數(shù)時(shí)，通過為函數(shù)傳遞值，然后使用參數(shù)獲取外部傳入的值，并在函數(shù)體內(nèi)干預(yù)函數(shù)的運(yùn)行。

在小括號(hào)之后是一個(gè)大括號(hào)，大括號(hào)內(nèi)包含的語句就是函數(shù)體結(jié)構(gòu)的主要內(nèi)容。在函數(shù)體重，大括號(hào)是必不可少的，缺少大括號(hào)，JavaScript 將會(huì)拋出語法錯(cuò)誤。

示例

function 語句必須包含函數(shù)名、小括號(hào)和大括號(hào)，其他代碼都可省略，因此最簡(jiǎn)單的函數(shù)體是一個(gè)空函數(shù)。

function funName() {}  //空函數(shù)

如果使用匿名函數(shù)，則可以省略函數(shù)名。

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

var 語句和 function 語句都是聲明語句，它們聲明的變量和函數(shù)都在 JavaScript 預(yù)編譯時(shí)被解析，也被稱為變量提升和函數(shù)提升。在預(yù)編譯期，JavaScript 引擎會(huì)為每個(gè) function 創(chuàng)建上下文，定義變量對(duì)象，同時(shí)把函數(shù)內(nèi)所有形參、私有變量、嵌套函數(shù)作為屬性注冊(cè)到變量對(duì)象上。

2、Function() 構(gòu)造函數(shù)

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

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

Function() 的參數(shù)類型都是字符串，p1~pn 表示所創(chuàng)建函數(shù)的參數(shù)名稱列表，body 表示所創(chuàng)建函數(shù)的函數(shù)結(jié)構(gòu)體語句，在 body 語句之間以分號(hào)分隔。

示例1

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

var f = new Function ("a", "b", "return a+b");  //通過構(gòu)造函數(shù)來克隆函數(shù)結(jié)構(gòu)

在上面代碼中，f 就是所創(chuàng)建函數(shù)的名稱。同樣是定義函數(shù)，使用 function 語句可以設(shè)計(jì)相同結(jié)構(gòu)的函數(shù)。

function f(a, b) {  //使用function語句定義函數(shù)結(jié)構(gòu)     return a + b; }

示例2

使用 Function() 構(gòu)造函數(shù)可以不指定任何參數(shù)，創(chuàng)建一個(gè)空函數(shù)結(jié)構(gòu)體。

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

使用 Function() 構(gòu)造函數(shù)可以動(dòng)態(tài)的創(chuàng)建函數(shù)，它不會(huì)把用戶限制在 function 語句預(yù)聲明的函數(shù)體中。使用 Function() 構(gòu)造函數(shù)能夠把函數(shù)當(dāng)做表達(dá)式來使用，而不是當(dāng)做一個(gè)結(jié)構(gòu)，因此使用起來會(huì)更靈活。其缺點(diǎn)就是，F(xiàn)unction() 構(gòu)造函數(shù)在執(zhí)行期被編譯，執(zhí)行效率非常低，一般不推薦使用。

3、匿名函數(shù)（函數(shù)直接量）

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

function ([args]) {     statements }

示例1

下面代碼定義一個(gè)函數(shù)直接量。

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

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

示例2

匿名函數(shù)就是一個(gè)表達(dá)式，即函數(shù)表達(dá)式，而不是函數(shù)結(jié)構(gòu)的語句。下面把匿名函數(shù)作為一個(gè)值賦值給變量 f。

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

當(dāng)把函數(shù)結(jié)構(gòu)作為一個(gè)值賦值給變量之后，變量就可以作為函數(shù)被調(diào)用，此時(shí)變量就指向那個(gè)匿名函數(shù)。

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

示例3

匿名函數(shù)作為值，可以參與更復(fù)雜的表達(dá)式運(yùn)算。針對(duì)上面示例可以使用以下代碼完成函數(shù)定義和調(diào)用一體化操作。

console.log(  //把函數(shù)作為一個(gè)操作數(shù)進(jìn)行調(diào)用     (function (a,b) {         return a + b;     })(1, 2));  //返回?cái)?shù)值3

二：調(diào)用函數(shù)

一旦定義好了一個(gè)函數(shù)，我們就可以在當(dāng)前文檔的任意位置來調(diào)用它。調(diào)用函數(shù)非常簡(jiǎn)單，只需要函數(shù)名后面加上一個(gè)括號(hào)即可，例如 alert()、write()。注意，如果在定義函數(shù)時(shí)函數(shù)名后面的括號(hào)中指定了參數(shù)，那么在調(diào)用函數(shù)時(shí)也需要在括號(hào)中提供對(duì)應(yīng)的參數(shù)。

示例代碼如下：

function sayHello(name){     document.write("Hello " + name); } // 調(diào)用 sayHello() 函數(shù) sayHello('PHP中文網(wǎng)');

提示：JavaScript 對(duì)于大小寫敏感，所以在定義函數(shù)時(shí) function 關(guān)鍵字一定要使用小寫，而且調(diào)用函數(shù)時(shí)必須使用與聲明時(shí)相同的大小寫來調(diào)用函數(shù)。

【