一篇文章帶你了解JavaScript函數定義
JavaScript 函數使用 function 關鍵字來定義，可以使用一個函數聲明或者一個函數表達式。
一、函數聲明
示例：
聲明一個函數不會立即執行。
它們被“保存以供稍后使用”，稍后將被執行，當它們被調用（call）。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項目</title>
</head>
<body style="background-color: aqua;">
<h1>JavaScript 函數</h1>
<p>此示例調用一個函數，該函數執行計算并返回結果</p>
<p id="demo"></p>
<script>
function myfan(a, b) {
return a / b;
}
document.getElementById("demo").innerHTML = myfan(6, 7);
</script>
</body>
</html>
分號是用來分隔執行JavaScript語句。因為一個函數聲明不是一個可執行語句，它不用分號結尾。
二、函數表達式
一個JavaScript函數也可以使用 表達式 定義。
函數表達式可以存儲在變量中。
var x = function (a, b) {return a * b};完整代碼：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項目</title>
</head>
<body style="background-color: aqua;">
<p>一個函數可以存儲到一個變量里面:</p>
<p id="demo"></p>
<script>
var x = function(a, b) {
return a * b
};
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
函數表達式存儲在變量中后，變量可以作為函數使用。
var x = function (a, b) {
return a * b
};
var z = x(4, 3);上面的函數實際上是一個匿名函數（一個沒有名字的函數），存儲在變量中的函數不需要函數名。它們總是使用變量名調用（call）。
上面的函數用分號結束，因為它是一個可執行語句的一部分。
三、Function() 構造函數
1. 定義
JavaScript函數使用function關鍵字定義。函數還可以用一個內置的叫做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(5, 5);
大多數時候，可以避免使用 new 關鍵詞在JavaScript 。
2. Function 提升（Hoisting）
Hoisting是JavaScript的默認行為是移動聲明當前范圍的頂部。Hoisting 適用于變量聲明和函數聲明。
正因為如此，JavaScript函數可以調用之前就被聲明:
myFunction(5);
function myFunction(y) {
return y * y;
}使用表達式定義函數不會被提升。
四、自調用函數
函數表達式可以進行 “自調用” 。
自動調用一個自調用表達式（自動啟動），而不必調用.函數表達式將自動執行，如果表達式隨后 ()，不能自調用一個函數聲明.您必須在函數的周圍添加圓括號，以指示它是函數表達式:
<script>
(fun
document.getElementById("demo").ction () {innerHTML = "Hello! I called myself";
})();
</script>上面的函數實際上是一個匿名的自調用 函數（沒有名字的函數）。
函數可以用作值
JavaScript 函數可以用作值。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>項目</title>
</head>
<body>
<p>函數可以作為值對待:</p>
<p>x = myFunction(4,3) or x = 12</p>
<p>在這兩種情況下, x 都會是12.</p>
<p id="demo"></p>
<script>
function myFunction(a, b) {
return a * b;
}
var x = myFunction(4, 3);
document.getElementById("demo").innerHTML = x;
</script>
</body>
</html>
JavaScript函數可以用在表達式:
<script>
function myFunction(a, b) {
return a * b;
}
var x = myFunction(4, 3) * 2; /*函數可以在表達式中使用.*/
document.getElementById("demo").innerHTML = x;
</script>
五、總結
本文主要介紹了JavaScript 函數的定義。通過講解了函數的定義，函數的表達式，如何去定義構造函數，以及如何去調用自己創建的函數，每一點都做了詳細的講解，通過用豐富的案例幫助大家更好理解。
希望大家可以根據文章的內容，積極嘗試，有時候看到別人實現起來很簡單，但是到自己動手實現的時候，總會有各種各樣的問題，切勿眼高手低，勤動手，才可以理解的更加深刻。
