JavaScript怎么自定義函數(shù)

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

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

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

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

聲明函數(shù)

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

function funName([args]) {
    statements
}

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

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

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

示例

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

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

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

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

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

Function() 構(gòu)造函數(shù)

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

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

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

示例1

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

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

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

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

示例2

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

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

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

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

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

function ([args]) {
    statements
}

示例1

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

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

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

示例2

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

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

當(dāng)把函數(shù)結(jié)構(gòu)作為一個(gè)值賦值給變量之后，變量就可以作為函數(shù)被調(diào)用，此時(shí)變量就指向那個(gè)匿名函數(shù)。

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

示例3

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

console.log(  //把函數(shù)作為一個(gè)操作數(shù)進(jìn)行調(diào)用
    (function (a,b) {
        return a + b;
    })(1, 2));  //返回?cái)?shù)值3

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

網(wǎng)頁題目：JavaScript怎么自定義函數(shù)
當(dāng)前網(wǎng)址：http://muchs.cn/article36/jophpg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)、微信小程序、面包屑導(dǎo)航、網(wǎng)頁設(shè)計(jì)公司、商城網(wǎng)站、建站公司

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)