javascript的自定義函數(shù)是什么

這篇文章主要講解了“javascript的自定義函數(shù)是什么”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來研究和學(xué)習(xí)“javascript的自定義函數(shù)是什么”吧！

為南宮等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及南宮網(wǎng)站建設(shè)行業(yè)解決方案。主營(yíng)業(yè)務(wù)為成都網(wǎng)站制作、成都做網(wǎng)站、南宮網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會(huì)得到認(rèn)可，從而選擇與我們長(zhǎng)期合作。這樣，我們也可以走得更遠(yuǎn)！

自定義函數(shù)有：1、命名函數(shù)，語法“function 函數(shù)名(){}”；2、匿名函數(shù)，語法“var 變量名=function(){};”；3、對(duì)象函數(shù)，語法“var 變量名=Function();”；4、自調(diào)函數(shù)，將函數(shù)的定義與調(diào)用一并實(shí)現(xiàn)。

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

函數(shù)是一組延遲動(dòng)作集，可以通過事件觸發(fā)或在其他腳本中調(diào)用。

JavaScript 中的兩類函數(shù)：預(yù)定義函數(shù)、自定義函數(shù)

預(yù)定義函數(shù)

【parseInt / parseFloat】string 轉(zhuǎn) int/float
【isNaN / isFinite】檢測(cè)參數(shù)是否為非數(shù)字值/無窮數(shù)
【escape / unescape】對(duì)字符串編碼/解碼
【eval】執(zhí)行 JavaScript 腳本
【alert / confirm / prompt】三種警示框

自定義函數(shù)

【命名函數(shù)】function funcName(){}
【匿名函數(shù)】var x=function(){};
【對(duì)象函數(shù)】var x=Function();
【自調(diào)函數(shù)】(function(){}());

自定義函數(shù)

JavaScript 中除了可以使用預(yù)定義函數(shù)外，還可以使用自定義函數(shù)。

在自定義函數(shù)時(shí)既不需要聲明函數(shù)的參數(shù)類型，也不需要聲明函數(shù)的返回類型。

JavaScript 目前支持的自定義方式有：

命名函數(shù)
匿名函數(shù)
對(duì)象函數(shù)
自調(diào)函數(shù)

1. 命名函數(shù)

命名函數(shù)通過 function 關(guān)鍵詞進(jìn)行定義，其后是函數(shù)名和括號(hào) ()。
完成函數(shù)的定義后，函數(shù)并不會(huì)自動(dòng)執(zhí)行，只有通過事件或腳本調(diào)用時(shí)才會(huì)執(zhí)行。
在同一個(gè) <script></script> 標(biāo)簽中，函數(shù)的調(diào)用可以在函數(shù)定義之前，也可以在函數(shù)定義之后。
在不同的 <script></script> 標(biāo)簽中，函數(shù)的定義必須在函數(shù)的調(diào)用之前，否則調(diào)用無效。

格式如下：

function funcName([parameters]){
  statements;
  [return 表達(dá)式;]
}

2. 匿名函數(shù)

匿名函數(shù)的定義格式與命名函數(shù)基本相同，只是沒有提供函數(shù)的名稱，并且結(jié)束位置應(yīng)有分號(hào); 。由于沒有函數(shù)名字，所以需要使用變量對(duì)匿名函數(shù)進(jìn)行接受，方便后面函數(shù)的調(diào)用。
命名函數(shù)對(duì)初學(xué)者來說，上手容易，但可讀性較差。匿名函數(shù)使用相對(duì)更加方便，可讀性更好，當(dāng)前比叫流行的 JavaScript 框架基本上都采用匿名函數(shù)的方式來定義函數(shù)。

格式如下：

var x=function([parameters]){
  statements;
  [return 表達(dá)式;]
};

3. 對(duì)象函數(shù)

JavaScript 提供了 Function 類，用于定義函數(shù)。格式如下：

var func1=new Function([parameters],statements;);

Function 是用來定義函數(shù)的關(guān)鍵字，首字母必須大寫。
parameters 為函數(shù)參數(shù)，可選。當(dāng)有多個(gè)參數(shù)時(shí)，參數(shù)之間用逗號(hào), 隔開。
statements 為函數(shù)執(zhí)行體。當(dāng)有多條執(zhí)行語句時(shí)，語句之間以分號(hào); 隔開。

4. 自調(diào)用函數(shù)

一般情況下，函數(shù)本身不會(huì)自動(dòng)執(zhí)行，只有調(diào)用時(shí)才會(huì)被執(zhí)行。所以 JavaScript 提供了一種自調(diào)用函數(shù)，將函數(shù)的定義與調(diào)用一并實(shí)現(xiàn)。格式如下：

(function([parameters]){
  statements;
  [return 表達(dá)式;]
})([params]);

需要使用小括號(hào)() 將自調(diào)函數(shù)括起來，并以分號(hào); 結(jié)束。
parameters 為形參，可選。參數(shù)之間以逗號(hào), 隔開。
params 為實(shí)參，在函數(shù)調(diào)用時(shí)傳入數(shù)據(jù)。

代碼示例：

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>test</title>
</head>
<body>
  <input id="btn1" type="button" onclick="button1Event()" value="button1" />
  <input id="btn2" type="button" onclick="button2Event()" value="button2" /><br />
  <input id="a" type="text"/><input id="b" type="text"/><br />
  <input id="sumBtn" type="button" value="x+y" onclick="sum()"/>
  
  <script type="text/javascript">
    function button1Event(){/* 命名函數(shù) */
        alert("命名函數(shù)：按鈕1被點(diǎn)擊！");
    }
    var x=function(){/* 匿名函數(shù) */
        alert("匿名函數(shù)：按鈕2被點(diǎn)擊！");
    }
    button2Event=x;
    
    var y=new Function("a", "b", "return a+b");/* 對(duì)象函數(shù) */
    sum=function(){
        var aValue=parseInt(document.getElementById("a").value,10);
        var bValue=parseInt(document.getElementById("b").value,10);
        alert("對(duì)象函數(shù)："+y(aValue,bValue));
    }
    
    var tema=2;var temb=2;
    (function(a,b){/* 自調(diào)函數(shù) */
        alert("自調(diào)函數(shù)："+(a+b));
    })(tema,temb);
  </script>
</body>
</html>

效果演示：

javascript的自定義函數(shù)是什么

感謝各位的閱讀，以上就是“javascript的自定義函數(shù)是什么”的內(nèi)容了，經(jīng)過本文的學(xué)習(xí)后，相信大家對(duì)javascript的自定義函數(shù)是什么這一問題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是創(chuàng)新互聯(lián)，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

新聞標(biāo)題：javascript的自定義函數(shù)是什么
瀏覽路徑：http://m.kartarina.com/article26/pihejg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供App設(shè)計(jì)、網(wǎng)站設(shè)計(jì)公司、小程序開發(fā)、網(wǎng)站導(dǎo)航、商城網(wǎng)站、ChatGPT

聲明：本網(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)

猜你還喜歡下面的內(nèi)容