首頁 > web前端 > 前端問答 > javascript中的函數用什麼來聲明

javascript中的函數用什麼來聲明

青灯夜游
發布: 2022-02-15 18:16:41
原創
3283 人瀏覽過

在js中,可以利用function關鍵字或Function()函數來宣告定義函數,語法「function funName([參數清單]){...}」或「var funName = new Function([參數列表,body])」。

javascript中的函數用什麼來聲明

本教學操作環境:windows7系統、javascript1.8.5版、Dell G3電腦。

javascript中的函數的宣告定義

#1、利用function關鍵字

語法:

function funName([参数列表]) {
    statements
}
登入後複製

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

作為標識符,參數只在函數體內被訪問,參數是函數作用域的私有成員。呼叫函數時,透過為函數傳遞值,然後使用參數來取得外部傳入的值,並在函數體內幹預函數的運作。

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

範例

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

function funName() {}  //空函数
登入後複製

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

function () {}  //匿名空函数
登入後複製

var 語句和 function 語句都是宣告語句,它們宣告的變數和函數都在 JavaScript 預先編譯時被解析,也稱為變數提升和函數提升。在預編譯期,JavaScript 引擎會為每個 function 建立上下文,定義變數對象,同時把函數內所有形參、私有變數、巢狀函數作為屬性註冊到變數物件上。

2、利用Function()函數

使用 Function() 建構子可以快速產生函數。具體用法如下:

var funName = new Function([参数列表,body]);
登入後複製

Function() 的參數型別都是字串,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();  //定义空函数
登入後複製

範例3

在Function() 建構子參數中,p1~pn 是參數名稱的列表,即p1 不僅能代表一個參數,還可以是一個逗號隔開的參數列表。下面的定義方法是等價的。

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() 建構子不是很常用,因為一個函數體通常會包含很多程式碼,如果將這些程式碼以一行字串的形式傳遞,程式碼的可讀性會很差。

使用 Function() 建構子可以動態的建立函數,它不會把使用者限制在 function 語句預先宣告的函數體中。使用 Function() 建構函數能夠把函數當作表達式來使用,而不是當做一個結構,因此使用起來會比較靈活。其缺點就是,Function() 建構函式在執行期間被編譯,執行效率非常低,一般不建議使用。

【相關推薦:javascript學習教學

#

以上是javascript中的函數用什麼來聲明的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板