大家好骂铁，我是IT修真院的學(xué)員吹零，一枚正直純潔善良的web前端程序員
今天給大家分享一下什么是自執(zhí)行函數(shù)？
1.背景介紹
今天的主題是自執(zhí)行函數(shù)拉庵。什么是自執(zhí)行函數(shù)灿椅？ 今天主要就自執(zhí)行函數(shù)的一些基本概念和用法進(jìn)行簡要分享。
什么是自執(zhí)行函數(shù)？網(wǎng)上對這種類型的函數(shù)的叫法眾說紛紜茫蛹。 有的人說是立即調(diào)用函數(shù)操刀，有的人說自動執(zhí)行函數(shù)，并沒有一個清晰的概念婴洼。 叫它為“自執(zhí)行”函數(shù)也行骨坑，稱呼為“立即調(diào)用的函數(shù)表達(dá)式”也可以。
2.知識剖析
知識點1：什么是函數(shù)
W3school 對 JavaScript函數(shù)的定義是： 函數(shù)是由事件驅(qū)動的或者當(dāng)它被調(diào)用時執(zhí)行的可重復(fù)使用的代碼塊柬采。 函數(shù)能接受輸入的參數(shù)欢唾，不同的參數(shù)會返回不同的值。
知識點2：創(chuàng)建函數(shù)的幾種方法
函數(shù)的聲明
使用function命令聲明的函數(shù)叫函數(shù)的聲明粉捻。 function命令后面是函數(shù)名匈辱，函數(shù)名后面是一對圓括號， 里面是傳入函數(shù)的參數(shù)杀迹。函數(shù)體放在大括號里面。 函數(shù)聲明后不會立即執(zhí)行押搪，會在我們需要的時候調(diào)用到树酪。 如下例子：
function print(s) { console.log(s); }
函數(shù)表達(dá)式
JavaScript 函數(shù)可以通過一個表達(dá)式定義。函數(shù)表達(dá)式存儲在變量中.如：var x = function (a, b) {return a * b};
在函數(shù)表達(dá)式存儲在變量后大州，變量也可作為一個函數(shù)使用续语。這種形式的函數(shù)實際上是一個 匿名函數(shù) (函數(shù)沒有名稱)。 函數(shù)存儲在變量中厦画，通過變量名來調(diào)用疮茄。函數(shù)需要以分號結(jié)尾，因為它是一個執(zhí)行語句根暑。
Function() 構(gòu)造函數(shù)
函數(shù)通過內(nèi)置的 JavaScript 函數(shù)構(gòu)造器（Function()）定義： var myFunction = new Function("a", "b", "return a * b");
知識點2：自執(zhí)行函數(shù)
自執(zhí)行函數(shù)力试，可以讓函數(shù)在定義后立即被執(zhí)行. 主要用于創(chuàng)建一個新的作用域，在此作用域內(nèi)聲明的變量排嫌， 不會和其它作用域內(nèi)的變量沖突或混淆畸裳， 大多是以匿名函數(shù)方式存在，且立即自動執(zhí)行淳地。語法形如：
(function( ){ console.log("test"); })( );?
或者 (function( ){ console.log("test"); }( ));?
還有一些流行的jQuery庫： (function( window, undefined ) { // code here }) ( window );
3.常見問題
如何使用自執(zhí)行函數(shù)
4.解決方案
1.對于函數(shù)表達(dá)式怖糊，在后面加括號即可以讓函數(shù)立即執(zhí)行；例如下面這個函數(shù)?
2但是對于下面這個函數(shù)颇象，如果直接加()就會報錯伍伤；?
如何讓這種匿名函數(shù)直接執(zhí)行，這就用到今天講的自執(zhí)行函數(shù)遣钳。用括號將整個函數(shù)包裹起來扰魂。 函數(shù)只要是要調(diào)用它進(jìn)行執(zhí)行的，都必須加括號。此時阅爽，函數(shù)實際上等于函數(shù)的返回值或者執(zhí)行效果路幸， 當(dāng)然，有些沒有返回值付翁，但已經(jīng)執(zhí)行了函數(shù)體內(nèi)的行為简肴，就是說，加括號的百侧，就代表將會執(zhí)行函數(shù)體代碼砰识。 不加括號的，都是把函數(shù)名稱作為函數(shù)的指針佣渴，一個函數(shù)的名稱就是這個函數(shù)的指針辫狼，此時不是得到函數(shù)的結(jié)果， 因為不會運行函數(shù)體代碼辛润。它只是傳遞了函數(shù)體所在的地址位置膨处，在需要的時候好找到函數(shù)體去執(zhí)行。 因為JavaScript里括弧()里面不能包含語句砂竖，所以在這個形式上真椿，解析器在解析function關(guān)鍵字的時候，會將相應(yīng)的代碼解析成function表達(dá)式乎澄，而不是function聲明突硝。
5.編碼實戰(zhàn)
6.擴展思考
自執(zhí)行函數(shù)有哪些用處？
javascript中沒用私有作用域的概念置济，如果在多人開發(fā)的項目上解恰， 你在全局或局部作用域中聲明了一些變量，可能會被其他人不小心用同名的變量給覆蓋掉浙于， 根據(jù)javascript函數(shù)作用域鏈的特性护盈，可以使用這種技術(shù)可以模仿一個私有作用域， 用匿名函數(shù)作為一個“容器”羞酗，“容器”內(nèi)部可以訪問外部的變量黄琼，而外部環(huán)境不能訪問“容器”內(nèi)部的變量， 所以( function(){…} )()內(nèi)部定義的變量不會和外部的變量發(fā)生沖突整慎，俗稱“匿名包裹器”或“命名空間”脏款。 JQuery使用的就是這種方法，將JQuery代碼包裹在( function (window,undefined){…jquery代碼…} (window)中裤园， 在全局作用域中調(diào)用JQuery代碼時撤师，可以達(dá)到保護(hù)JQuery內(nèi)部變量的作用。
7.參考文獻(xiàn)
參考一：湯姆大叔的博客之立即調(diào)用的函數(shù)表達(dá)式
8.更多討論
匿名函數(shù)和閉包的區(qū)別
匿名函數(shù)：簡單的來說就是沒有名字的函數(shù)
閉包的含義：閉包說白了就是函數(shù)的嵌套拧揽，內(nèi)層的函數(shù)可以使用外層函數(shù)的所有變量剃盾，即使外層函數(shù)已經(jīng)執(zhí)行完畢（這點涉及JavaScript作用域鏈）
問題：
1.window.onload是什么腺占？
答：讓我來理解就是當(dāng)加載完頁面時直接調(diào)用函數(shù)（簡單點來說就是自動執(zhí)行函數(shù)）
2. 自執(zhí)行函數(shù)的常用寫法？
答：請點擊
3.自執(zhí)行函數(shù)的應(yīng)用場景痒谴？
答：覺得沒什么好說的衰伯，需要自執(zhí)行函數(shù)的時候，要用的時候就用了
