快捷導(dǎo)航

詳談JavaScript的閉包及應(yīng)用

更新時間：2017年01月17日 11:33:45 作者：坦蕩

本文主要介紹了JavaScript的閉包及應(yīng)用。具有一定的參考價值，下面跟著小編一起來看下吧

閉包真的是學(xué)過一遍又一遍，Js博大精深，每次學(xué)習(xí)都感覺有新的收獲。相信在大家封裝前端插件時，閉包是必不可少的。閉包的真正好處我個人認(rèn)為除了封裝還是封裝，能帶個我們私有方法，和調(diào)用上的靈活方便，也會使你的代碼對外的對象保持干凈整潔。

進(jìn)入正題

維基百科這樣定義了JS閉包：在計算機(jī)科學(xué)中，閉包（英語：Closure），又稱詞法閉包（Lexical Closure）或函數(shù)閉包（function closures），是引用了自由變量的函數(shù)。這個被引用的自由變量將和這個函數(shù)一同存在，即使已經(jīng)離開了創(chuàng)造它的環(huán)境也不例外。所以，有另一種說法認(rèn)為閉包是由函數(shù)和與其相關(guān)的引用環(huán)境組合而成的實體。閉包在運(yùn)行時可以有多個實例，不同的引用環(huán)境和相同的函數(shù)組合可以產(chǎn)生不同的實例。

通俗的講，閉包不同于一般函數(shù)，它允許一個函數(shù)在立即此法調(diào)用的作用域外，仍可訪問非本地變量。我還想說，閉包的語法讓你的代碼更加動感，下面的一段代碼可能會讓你有所感觸。

<script>
 (function () {
 var userToken = "this is my token";
 var someConfig = "opening some function";
 var privateValue = "private";
 var publicValue = "public";
 var appObj = {};
 function myPrivateFunc() {
 alert(privateValue)
 }
 appObj.getUserToken = function () {
 //some logic
 userToken += " after some inner logic";
 return userToken;
 }
 appObj.publicVal = publicValue;
 window.application = appObj;
 }());//立即執(zhí)行
 console.log(application.getUserToken());//this is my token after some inner logic
 console.log(application.publicVal);//public
 console.log(application.privateValue); //undefined
 application.myPrivateFunc(); //error
 </script>

我將appObj附加到window下面，我通常喜歡定義一個全局的名為application的對象，代表著整個應(yīng)用公用的頂級對象，你可以在其中向外暴露很多公共的操作方法，也可以在其中做一些私有的處理，以防外部調(diào)用導(dǎo)致某些問題。在所定義的“頂級”application對象下，你也可以將你所非要不可的全局變量定義在其中，這樣以防普通全局變量對應(yīng)用造成的影響，又可以在你定義的閉包內(nèi)，通過向外暴露的對象表達(dá)更明確的信息，我一直認(rèn)為，隨隨便便定義一個JS全局變量實在是太可恥了。

閉包的寫法加上VS強(qiáng)大的智能提示，你會感覺到無比的暢快。下面我又附加了一個方法

(function () {
 var baseUrl = "www.cnblogs.com/tdws/";

 application.getBaseUrl = function () {
 return baseUrl;
 }
 }());
 console.log(application.getBaseUrl());//www.cnblogs.com/tdws/