avaScript中除了自定義函數(shù)之外，還有匿名函數(shù)？什么是匿名函數(shù)？

1. 匿名函數(shù)：沒有函數(shù)名稱的函數(shù)。

如：定義一個匿名函數(shù)，打印5個星星。

<script>

function (){ //沒有函數(shù)名稱

for(var i=0;i<5;i++){

document.write("*");

}

}

</script>

2. 調(diào)用匿名函數(shù)有2種方法：

（1） 通過變量名調(diào)用匿名函數(shù)可以理解為將整個匿名函數(shù)瀆職給一個變量

然后在body標(biāo)簽中，定義一個按鈕：

（2） 事件名調(diào)用匿名函數(shù)

同樣在在body標(biāo)簽中，先定義一個按鈕：注意在input標(biāo)簽中我們不通過onclick來調(diào)用匿名函數(shù)

然后我們通過2個事件調(diào)用2個匿名函數(shù)：

注意：window.onload：頁面加載時觸發(fā)的事件，這里也就是頁面加載進(jìn)來調(diào)用第一匿名函數(shù)

document.getElementById("btn")：獲取id為btn的元素，也就是將按鈕獲取過來；document.getElementById("btn").onclick：點(diǎn)擊按鈕時，觸發(fā)第二個匿名函數(shù)

容導(dǎo)讀

有兩種方式：1、函數(shù)聲明2、函數(shù)表達(dá)式 函數(shù)聲明會提升 ，函數(shù)表達(dá)式不會。閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)，創(chuàng)建閉包的常見方式，是在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)，通過另一個函數(shù)訪問這個函數(shù)的局部變量。由于作用域鏈的機(jī)制導(dǎo)致一個問題，循環(huán)里的 匿名函數(shù)取得的任何變量都是最后一個值。閉包所保存的是整個變量對象，而不是某個特殊的變量。this對象 this對象是在運(yùn)行時基于函數(shù)的執(zhí)行環(huán)境綁定的，如果this在全局范圍就是window，如果在對象內(nèi)部就指向這個對象。而閉包卻在運(yùn)行時指向window，因?yàn)殚]包并不屬于這個對象的屬性或方法。

函數(shù)表達(dá)式

有兩種方式：1、函數(shù)聲明2、函數(shù)表達(dá)式
函數(shù)聲明會提升，函數(shù)表達(dá)式不會。
函數(shù)聲明，在執(zhí)行函數(shù)之前會先讀取函數(shù)聲明。

sayhi()//‘hi’
function sayhi(){
 console.log('hi');
}
//不會出錯

函數(shù)表達(dá)式

sayhi()//‘hi’
var sayhi=function(){
 console.log('hi');
}
//會出錯

函數(shù)表達(dá)式和函數(shù)聲明中沒有函數(shù)名的函數(shù)，都是匿名函數(shù)

//不要這樣做！,有的瀏覽器用第一個聲明，有的用第二個
if(condition){
 function sayHi(){
 alert("Hi!");
 }
} else {
 function sayHi(){
 alert("Yo!");
 }
}
//可以這樣做
var sayHi;
 if(condition){
 sayHi = function(){
 alert("Hi!");
 };
} else {
 sayHi = function(){
 alert("Yo!");
 };
}

閉包

閉包是指有權(quán)訪問另一個函數(shù)作用域中的變量的函數(shù)，創(chuàng)建閉包的常見方式，是在一個函數(shù)內(nèi)部創(chuàng)建另一個函數(shù)，通過另一個函數(shù)訪問這個函數(shù)的局部變量。

• 閉包可以讓外側(cè)函數(shù)的局部變量駐留內(nèi)存，實(shí)現(xiàn)局部變量的累加,過度使用閉包導(dǎo)致性能下降,內(nèi)存泄漏

function a(){
 var age=1;
 return function(){
 age++;
 return age;
 } 
}
var x=a();
console.log(x())//2
console.log(x())//3

• 由于作用域鏈的機(jī)制導(dǎo)致一個問題，循環(huán)里的匿名函數(shù)取得的任何變量都是最后一個值。閉包所保存的是整個變量對象，而不是某個特殊的變量。

function box() {
 var arr = [];
 for (var i = 0; i < 5; i++) {
 arr[i] = function() {
 return i;
 };
 }
 return arr;
}
var b = box(); //得到函數(shù)數(shù)組
alert(b.length); //得到函數(shù)集合長度
for (var i = 0; i < b.length; i++) {
 console.log(b[i]()); //輸出每個函數(shù)的值，都是最后一個值55555
}

因?yàn)閎中存的是匿名函數(shù)對象，當(dāng)bi執(zhí)行匿名函數(shù)時，box（）中的for循環(huán)早已執(zhí)行完畢，i早已變成5.
解決方法1：讓匿名函數(shù)自我執(zhí)行

function box() {
 var arr = [];
 for (var i = 0; i < 5; i++) {
 arr[i] = (function(i) {
 return i;
 })(i);
 }
 return arr;
}
var b = box(); //得到函數(shù)數(shù)組
alert(b.length); //得到函數(shù)集合長度
for (var i = 0; i < b.length; i++) {
 console.log(b[i]); //輸出0,12,3,4
}

解決方法2：匿名函數(shù)下在創(chuàng)建一個匿名函數(shù)，外側(cè)匿名函數(shù)自執(zhí)行

function box() {
 var arr = [];
 for (var i = 0; i < 5; i++) {
 arr[i] = (function(num) {
 return function() {
 return num;//具體數(shù)字
 };
 })(i)
 }
 return arr;
}
var b = box(); //得到函數(shù)數(shù)組
alert(b.length); //得到函數(shù)集合長度
for (var i = 0; i < b.length; i++) {
 console.log(b[i]()); //輸出 01234
}

this對象

this對象是在運(yùn)行時基于函數(shù)的執(zhí)行環(huán)境綁定的，如果this在全局范圍就是window，如果在對象內(nèi)部就指向這個對象。而閉包卻在運(yùn)行時指向window，因?yàn)殚]包并不屬于這個對象的屬性或方法。

var user='window';
var obj={
 user:'obj',
 getUserName:function(){
 return function(){
 return this.user;
 }
 }
}
console.log(obj.getUserName()());//window

解決1：強(qiáng)制指向特定對象

console.log(obj.getUserName().call(obj));//obj
console.log(obj.getUserName().apply(obj));//obj

解決2：復(fù)制this，得到上一個作用域的this對象

var user='window';
var obj={
 user:'obj',
 getUserName:function(){
 var that=this;
 return function(){
 return that.user;
 }
 }
}
console.log(obj.getUserName()());//obj

匿名函數(shù)仿塊級作用域

for循環(huán)中的var i在外部也能訪問

function box(count) {
for (var i=0; i<count; i++) {}
var i; //就算重新聲明，也不會覆蓋前面的值,除非重新初始化
alert(i);
}
box(2);//2

解決1：
//模仿塊級作用域(私有作用域)
(function () {
//這里是塊級作用域
})();

//使用塊級作用域(私有作用域)改寫
function box(count) {
(function () {
for (var i = 0; i<count; i++) {}
})();
alert(i); //報錯，無法訪問

}
box(2);

解決2：ES6中使用let

function box(count) {
for (let i=0; i<count; i++) {}
alert(i); //i報錯

}
box(2);

參考資料：JavaScript高級程序設(shè)計（第3版）