JavaScript 使用關鍵字 function 定義函數。
函數可以通過聲明定義，也可以是一個表達式。
函數聲明
在之前的教程中，你已經了解了函數聲明的語法 :
function functionName(parameters) {
執行的代碼
}
函數聲明後不會立即執行，會在我們需要的時候調用到。
實例
function myFunction(a, b) {
return a * b;
}
函數表達式
JavaScript 函數可以通過一個表達式定義。
函數表達式可以存儲在變量中：
實例
var x = function (a, b) {return a * b};
在函數表達式存儲在變量後，變量也可作為一個函數使用：
實例
var x = function (a, b) {return a * b};
var z = x(4, 3);
以上函數實際上是一個 匿名函數 (函數沒有名稱)。
函數存儲在變量中，不需要函數名稱，通常通過變量名來調用。
Function() 構造函數
在以上實例中，我們了解到函數通過關鍵字 function 定義。
函數同樣可以通過內置的 JavaScript 函數構造器（Function()）定義。
var myFunction = new Function("a", "b", "return a * b");
var x = myFunction(4, 3);
實際上，你不必使用構造函數。上面實例可以寫成：
var myFunction = function (a, b) {return a * b}
var x = myFunction(4, 3);
函數提升（Hoisting）
在之前的教程中我們已經了解了 "hoisting(提升)"。
提升（Hoisting）是 JavaScript 默認將當前作用域提升到前面去的的行為。
提升（Hoisting）應用在變量的聲明與函數的聲明。
因此，函數可以在聲明之前調用：
myFunction(5);
function myFunction(y) {
return y * y;
}
使用表達式定義函數時無法提升。
自調用函數
函數表達式可以 "自調用"。
自調用表達式會自動調用。
如果表達式後面緊跟 () ，則會自動調用。
不能自調用聲明的函數。
通過添加括號，來說明它是一個函數表達式：
(function () {
var x = "Hello!!"; // 我將調用自己
})();
當然也可以如下寫：
!function(){}();
+function(){}();
-function(){}();
~function(){}();
~(function(){})();
void function(){}();
(function(){}());
最常用的還是第一種方法。
以上函數實際上是一個 匿名自我調用的函數 (沒有函數名)。
函數可作為一個值使用
JavaScript 函數作為一個值使用：
function myFunction(a, b) {
return a * b;
}
var x = myFunction(4, 3);
JavaScript 函數可作為表達式使用：
function myFunction(a, b) {
return a * b;
}
var x = myFunction(4, 3) * 2;
函數是對象
在 JavaScript 中使用 typeof 操作符判斷函數類型將返回 "function" 。
但是JavaScript 函數描述為一個對象更加准確。
JavaScript 函數有 屬性 和 方法。
arguments.length 屬性返回函數調用過程接收到的參數個數：
function myFunction(a, b) {
return arguments.length;
}
toString() 方法將函數作為一個字符串返回:
function myFunction(a, b) {
return a * b;
}
var txt = myFunction.toString();
函數定義作為對象的屬性，稱之為對象方法。
函數如果用於創建新的對象，稱之為對象的構造函數。
以下是各種方法的示例代碼
<html>
<head></head>
<body>
<script type="text/javascript">
/*javascript定義函數(聲明函數)可以有三種方法：正常方法、構造函數、函數直接量。*/
/*1.正常方法 function(param){}*/
function print(msg)
{
document.write(msg,"<br/>");
}
/*如果函數不包含return 語句，只執行函數體內語句，並返回undefined*/
/*2.構造函數方法：new Function()*/
var add1=new Function('a','b','return a+b');
/*3.函數直接量法，創建未命名函數，*/
var result = function(x,y){return x+y;};
/*也可以指定函數名*/
var result2 = function fact(x){if(x<1) return 1;else return x*fact(x-1)};
document.write('調用一般的方法：');
print("<hr/>");
print('調用構造函數方法：add1(5,6)');
print(add1(5,6));
print("<hr/>");
print("調用函數直接量法:result(3,4)");
var re =result(3,4);
print(re);
print("調用函數直接量法:result2(3)");
print(result2(3));
print("<hr/>");
print('函數作為數據使用');
/*函數可以作為數據使用*/
function add(x,y){return x+y;}
function subtract(x,y){return x-y;}
function multiply(x,y){return x*y;}
function divide(x,y){return x/y;}
function operate(operator,operand1,operand2)
{
return operator(operand1,operand2);
}
//計算(2+3) + (4*5)
var i = operate(add,operate(add,2,3),operate(multiply,4,5));
print('(2+3) + (4*5)='+i);
print("<hr/>");
//使用函數直接量
var operators = new Object();
operators['add'] = function(x,y){return x+y;}
operators['substract'] = function(x,y){return x-y;}
operators['multiply'] = function(x,y){return x*y;}
operators['divide'] = function(x,y){return x/y;}
operators['pow'] = Math.pow;
function operate2(op_name,operand1,operand2)
{
if(operators[op_name] == null) return "unknown operator";
else return operators[op_name](operand1,operand2);
}
//定義"hello" + "" + "world"
var j = operate2("add","hello",operate2("add"," ","world"));
var k = operate2("pow",10,2);
print(j);
print(k);
print("<hr/>");
</script>
</body>
</html>
運行結果為：
調用一般的方法：
--------------------------------------------------------------------------------
調用構造函數方法：add1(5,6)
11
--------------------------------------------------------------------------------
調用函數直接量法:result(3,4)
7
調用函數直接量法:result2(3)
6
--------------------------------------------------------------------------------
函數作為數據使用
(2+3) + (4*5)=25
--------------------------------------------------------------------------------
hello world
100