javascript中的函數怎么聲明

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

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

本教程操作環境：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中的函數怎么聲明”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!