這篇文章主要介紹了JavaScript怎么自定義函數(shù)的相關知識，內容詳細易懂，操作簡單快捷，具有一定借鑒價值，相信大家閱讀完這篇JavaScript怎么自定義函數(shù)文章都會有所收獲，下面我們一起來看看吧。

創(chuàng)新互聯(lián)公司專注于企業(yè)全網(wǎng)整合營銷推廣、網(wǎng)站重做改版、臺江網(wǎng)站定制設計、自適應品牌網(wǎng)站建設、成都h5網(wǎng)站建設、購物商城網(wǎng)站建設、集團公司官網(wǎng)建設、成都外貿網(wǎng)站制作、高端網(wǎng)站制作、響應式網(wǎng)頁設計等建站業(yè)務，價格優(yōu)惠性價比高，為臺江等各大城市提供網(wǎng)站開發(fā)制作服務。

js自定義函數(shù)的寫法：1、“function 函數(shù)名([args]){代碼}”；2、“var 函數(shù)名=new Function(p1, p2, ..., pn, body);”；3、“function ([args]){代碼}”。

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

聲明函數(shù)

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

function funName([args]) {
    statements
}

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

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

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

示例

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

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

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

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

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

Function() 構造函數(shù)

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

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

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

示例1

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

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

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

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

示例2

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

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

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

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

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

function ([args]) {
    statements
}

示例1

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

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

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

示例2

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

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

當把函數(shù)結構作為一個值賦值給變量之后，變量就可以作為函數(shù)被調用，此時變量就指向那個匿名函數(shù)。

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

示例3

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

console.log(  //把函數(shù)作為一個操作數(shù)進行調用
    (function (a,b) {
        return a + b;
    })(1, 2));  //返回數(shù)值3

關于“JavaScript怎么自定義函數(shù)”這篇文章的內容就介紹到這里，感謝各位的閱讀！相信大家對“JavaScript怎么自定義函數(shù)”知識都有一定的了解，大家如果還想學習更多知識，歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道。