1. 普通函數
1.1 示例
|
1
2
3
|
function
ShowName(name) {
alert(name);
}
|
1.2 Js中同名函數的覆蓋
在Js中函數是沒有重載，定義相同函數名、不同參數簽名的函數，后面的函數會覆蓋前面的函數。調用時，只會調用后面的函數。
|
1
2
3
4
5
6
7
8
9
10
11
12
|
var
n1 = 1;
function
add(value1) {
return
n1 + 1;
}
alert(add(n1));
function
add(value1, value2) {
return
value1 + 2;
}
alert(add(n1));
|
1.3 arguments對象
arguments 類似於C#的params，操作可變參數：傳入函數的參數數量大於定義時的參數數量。
|
1
2
3
4
5
6
7
|
function
showNames(name) {
alert(name);
for
(
var
i = 0; i < arguments.length; i++) {
alert(arguments[i]);
}
}
showNames(
'張三'
,
'李四'
,
'王五'
);
|
1.4 函數的默認返回值
若函數沒有指明返回值，默認返回的是'undefined'
|
1
2
3
4
|
function
showMsg() {
}
alert(showMsg());
|
2.匿名函數
2.1 變量匿名函數
2.1.1 說明
可以把函數賦值給變量、事件。
2.1.2 示例
|
1
2
3
4
5
|
var
anonymousNormal =
function
(p1, p2) {
alert(p1+p2);
}
anonymousNormal(3,6);
|
2.1.3 適用場景
①避免函數名污染。若先聲明個帶名稱的函數，再賦值給變量或事件，就造成了函數名的濫用。
2.2 無名稱匿名函數
2.2.1 說明
即在函數聲明時，在后面緊跟參數。Js語法解析此函數時，里面代碼立即執行。
2.2.2 示例
|
1
2
3
|
(
function
(p1) {
alert(p1);
})(1);
|
2.2.3 適用場景
①只需執行一次的。如瀏覽器加載完，只需要執行一次且后面不執行的功能。
3. 閉包函數
3.1 說明
假設，函數A內部聲明了個函數B，函數B引用了函數B之外的變量，並且函數A的返回值為函數B的引用。那么函數B就是閉包函數。
3.2 示例
3.2.1 示例1：全局引用與局部引用
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function
funA() {
var
i = 0;
function
funB() {
i++;
alert(i)
}
return
funB;
}
var
allShowA = funA();
function
partShowA() {
var
showa = funA();
showa();
}
|
allShowA是個全局變量，引用了函數funA。重復運行allShowA()，會輸出1,2,3,4等累加的值。
執行函數partShowA(),因為內部只聲明了局部變量showa來引用funA，執行完畢后因作用域的關系，釋放showa占用的資源。
閉包的關鍵就在於作用域：全局變量占有的資源只有當頁面變換或瀏覽器關閉后才會釋放。var allShowA = funA() 時，相當於allShowA引用了funB()，從而使funB()里的資源不被GC回收，因此funA()里的資源也不會。
3.2.2 示例2：有參閉包函數
|
1
2
3
4
5
6
7
8
9
10
11
|
function
funA(arg1,arg2) {
var
i = 0;
function
funB(step) {
i = i + step;
alert(i)
}
return
funB;
}
var
allShowA = funA(2, 3);
allShowA(1);
allShowA(3);
|
3.2.3 示例3：父函數funA內的變量共享
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
function
funA() {
var
i = 0;
function
funB() {
i++;
alert(i)
}
allShowC =
function
() {
i++;
alert(i)
}
return
funB;
}
var
allShowA = funA();
var
allShowB = funA();
|
3.3 適用場景
①保證函數funA內里的變量安全，因為外部不能直接訪問funA的變量。
