javascript中的函數(shù)怎么聲明

這篇文章主要介紹了javascript中的函數(shù)怎么聲明，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在js中，可以利用function關(guān)鍵字或Function()函數(shù)來聲明定義函數(shù)，語法“function funName([參數(shù)列表]){...}”或“var funName = new Function([參數(shù)列表,body])”。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

javascript中的函數(shù)的聲明定義

1、利用function關(guān)鍵字

語法：

function funName([參數(shù)列表]) {
    statements
}

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

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

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

示例

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

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

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

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

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

2、利用Function()函數(shù)

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

var funName = new Function([參數(shù)列表,body]);

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

示例1

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

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

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

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

示例2

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

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

示例3

在 Function() 構(gòu)造函數(shù)參數(shù)中，p1~pn 是參數(shù)名稱的列表，即 p1 不僅能代表一個參數(shù)，還可以是一個逗號隔開的參數(shù)列表。下面的定義方法是等價的。

var f = new Function("a", "b", "c", "return a+b+c");
var f = new Function("a, b, c", "return a+b+c");
var f = new Function("a,b", "c", "return a+b+c");

使用 Function() 構(gòu)造函數(shù)不是很常用，因為一個函數(shù)體通常會包括很多代碼，如果將這些代碼以一行字符串的形式進(jìn)行傳遞，代碼的可讀性會很差。

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

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“javascript中的函數(shù)怎么聲明”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!