自訂函數有：1、命名函數，語法「function 函數名稱(){}」；2、匿名函數，語法「var 變數名稱=function(){};」；3、物件函數，語法「var 變數名=Function();」；4、自調函數，將函數的定義與呼叫一併實作。
本教學操作環境：windows7系統、javascript1.8.5版、Dell G3電腦。
函數是一組延遲動作集，可以透過事件觸發或在其他腳本中呼叫。
JavaScript 中的兩類函數：預定義函數、自訂函數
#預先定義函數
【parseInt / parseFloat】string 轉int/float
【isNaN / isFinite】偵測參數是否為非數字值/無限數
#【escape / unescape 】對字串編碼/解碼
【eval】執行JavaScript 腳本
【alert / confirm / prompt】三種警告方塊
自訂函數
【命名函數】function funcName(){}
【匿名函數】var x=function(){};
#【物件函數】var x= Function();
【自調函數】(function(){}());
自訂函數
JavaScript 中除了可以使用預訂函數外，還可以使用自訂函數。
在自訂函數時既不需要宣告函數的參數類型，也不需要宣告函數的傳回類型。
JavaScript 目前支援的自訂方式有：
命名函數
#1. 命名函數
格式如下：function funcName([parameters]){
statements;
[return 表达式;]
}
格式如下：var x=function([parameters]){
statements;
[return 表达式;]
};
var func1=new Function([parameters],statements;);
4. 自呼叫函數
(function([parameters]){
statements;
[return 表达式;]
})([params]);程式碼範例：
<!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(){/* 命名函数 */
alert("命名函数：按钮1被点击！");
}
var x=function(){/* 匿名函数 */
alert("匿名函数：按钮2被点击！");
}
button2Event=x;
var y=new Function("a", "b", "return a+b");/* 对象函数 */
sum=function(){
var aValue=parseInt(document.getElementById("a").value,10);
var bValue=parseInt(document.getElementById("b").value,10);
alert("对象函数："+y(aValue,bValue));
}
var tema=2;var temb=2;
(function(a,b){/* 自调函数 */
alert("自调函数："+(a+b));
})(tema,temb);
</script>
</body>
</html>效果示範：
以上是javascript的自訂函數有哪些的詳細內容。更多資訊請關注PHP中文網其他相關文章！
