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 關鍵字一定要使用小寫,而且呼叫函數時必須使用與宣告時相同的大小寫來呼叫函數。
以上就是深入解析JS自訂函數的聲明和呼叫的詳細內容,更多請關注php中文網其它相關文章!