問題描述

看了一下視頻中對于閉包作用的解釋我還是表示不明白，比如說截圖中這段代碼完全可以在cmp函數(shù)中加一個passline參數(shù)來實現(xiàn)，沒必要使用閉包。

誰能舉一個更加好的例子說明閉包的作用啊？

問題解答

延長局部變量的生命周期，封裝私有變量

2. 延續(xù)局部變量的壽命img 對象經(jīng)常用于進行數(shù)據(jù)上報，如下所示：var report = function( src ){ var img = new Image(); img.src = src;};report( ’http://xxx.com/getUserInfo’ );但是通過查詢后臺的記錄我們得知，因為一些低版本瀏覽器的實現(xiàn)存在 bug，在這些瀏覽器下使用 report 函數(shù)進行數(shù)據(jù)上報會丟失 30%左右的數(shù)據(jù)，也就是說， report 函數(shù)并不是每一次都成功發(fā)起了 HTTP 請求。丟失數(shù)據(jù)的原因是 img 是 report 函數(shù)中的局部變量，當(dāng) report 函數(shù)的調(diào)用結(jié)束后， img 局部變量隨即被銷毀，而此時或許還沒來得及發(fā)出 HTTP 請求，所以此次請求就會丟失掉?，F(xiàn)在我們把 img 變量用閉包封閉起來，便能解決請求丟失的問題：var report = (function(){ var imgs = []; return function( src ){var img = new Image();imgs.push( img );img.src = src; }})();回答2：

保存變量 大部分時候我是用它來替代全局變量 避免造成變量污染

閉包解決的問題：基于JS的詞法作用域規(guī)則，其訪問是一直向上查找作用域，直到全局作用域。而想直接訪問某個作用域可通過閉包解決。

function foo(){var a = 1;function bar(){ console.log(a);}return bar;}var baz = foo();baz();

bar詞法作用域可以訪問foo內(nèi)部作用域，foo執(zhí)行后返回bar，最后賦值給baz，可以獲取并訪問foo內(nèi)部作用域，只是標(biāo)識符不同而已。該代碼就使用了閉包，可以說寫JS代碼處處可見閉包，使用閉包還有一個好處就是引用的作用域不會被垃圾回收處理，當(dāng)然不合理的使用會耗內(nèi)存。

閉包用來增加變量(能訪問某作用域，自然能加變量)或者延長其生命周期(作用域被引用，自然會延長)

for (var i = 0; i < 5; i++){ setTimeout(function(){ console.log(i)},i * 1000)} for (var i = 0; i < 5; i++){ (function (i) { setTimeout(function(){ console.log(i)},i * 1000) })(i) }

第一個循環(huán)是聲明了幾個函數(shù)，共享全局i變量(變量和函數(shù)聲明都提升了)。第二個循環(huán)是定義了幾個立即執(zhí)行函數(shù)，又傳遞了i值，故每個i值都有自己的作用域。這個是一個比較好的例子，閉包+循環(huán)，只是這個比較特別，閉包訪問自身的作用域。

當(dāng)然最能體現(xiàn)閉包思想的是模塊，返回一個方法，該方法就相當(dāng)引入了一個作用域。

閉包：就是一個獲取并訪問某個作用域，可在外訪問或者自身內(nèi)部訪問。

最大的兩個作用

讀取函數(shù)內(nèi)部變量

讓變量值始終保持在內(nèi)存里

第一個不贅述，看第二個，舉例

function f1(){var n=999;nAdd=function(){n+=1}function f2(){alert(n);}return f2;}var result=f1();result(); // 999nAdd();result(); // 1000

result實際上就是閉包f2函數(shù)。它一共運行了兩次，第一次的值是999，第二次的值是1000。這證明了，函數(shù)f1中的局部變量n一直保存在內(nèi)存中，并沒有在f1調(diào)用后被自動清除。為什么會這樣呢？原因就在于f1是f2的父函數(shù)，而f2被賦給了一個全局變量，這導(dǎo)致f2始終在內(nèi)存中，而f2的存在依賴于f1，因此f1也始終在內(nèi)存中，不會在調(diào)用結(jié)束后，被垃圾回收機制（garbage collection）回收。這段代碼中另一個值得注意的地方，就是'nAdd=function(){n+=1}'這一行，首先在nAdd前面沒有使用var關(guān)鍵字，因此nAdd是一個全局變量，而不是局部變量。其次，nAdd的值是一個匿名函數(shù)（anonymous function），而這個匿名函數(shù)本身也是一個閉包，所以nAdd相當(dāng)于是一個setter，可以在函數(shù)外部對函數(shù)內(nèi)部的局部變量進行操作

管理私有變量和私有方法，將對變量（狀態(tài)）的變化封裝在安全的環(huán)境中

將代碼封裝成一個閉包形式，等待時機成熟的時候再使用，比如實現(xiàn)柯里化和反柯里化

需要注意的：

由于閉包內(nèi)的部分資源無法自動釋放，容易造成內(nèi)存泄露 解決方法是，在退出函數(shù)之前，將不使用的局部變量全部刪除。

閉包會在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值。所以，如果你把父函數(shù)當(dāng)作對象（object）使用，把閉包當(dāng)作它的公用方法（Public Method），把內(nèi)部變量當(dāng)作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值。

如果我說， set_passLine 其實就是兩個參數(shù)的函數(shù)，你能接受嗎？

def set_passLine(passline)(val): # 雖然這不符合語法 pass

這個和函數(shù)

def set_passLine(passline,val): pass

在功能上是等價的，但前者，不必一次性給出所有參數(shù)來調(diào)用。

另外，第一種寫法可以實現(xiàn)和類一樣的功能：

def set_passLine(passline): def cmp(val):pass def resetPassLine(newPassline):passline=newPasslinepass return (cmp,resetPassLine)

雖然這些都是相同功能的不同實現(xiàn)。但是人們越來越發(fā)現(xiàn)函數(shù)式編程比其他的方式更好，更好的意思是指在代碼量上更好，更清晰（但是對程序員的要求越來越高）。

給個鏈接吧，但是是我用 js 寫的：http://zonxin.github.io/post/...

P.S.面向?qū)ο蟮木幊叹褪前眩械摹拔矬w”看為對象，編程就是，使用對象模擬“物體”的行為，即模擬某個“世界”的運行。而函數(shù)式編程，只關(guān)心“物體”的初始狀態(tài)和“物體”經(jīng)過函數(shù)之后的最終狀態(tài)，而不必關(guān)心其中的過程，編程就是處理這些函數(shù)的復(fù)合。

我一直是這么理解的：保護內(nèi)部變量，通過暴漏API進行操作。

var name='meimei'function Private(){ var name = 'leilei'; return {getName:function(){ console.log(name)},setName:function(val){ name = val;} }}var private = Private();private.getName()//'leilei'private.setName('xiaoming')private.getName()//'xiaoming'name//'meimei'//通過暴漏API來操作內(nèi)部變量。jquery:(function(){... window.$=window.jquery=window.jQuery=...})//一個匿名自執(zhí)行函數(shù)通過window暴漏jquery，內(nèi)部變量不會受到其他全局變量的污染，只能通過$的API進行操作。

以上是個人理解

避免變量污染，但如果是在ES6中，用let和const就可以解決這個問題了

初級水平來看只知道1、可以訪問到局部變量2、可以一直保存在內(nèi)存中

所以使用頻率不宜過高，會造成內(nèi)存泄漏

答個我印象深刻的 偏函數(shù)

function logger(logType){ return console.log.bind(console, logType); }var info = logger(’[INFO]’); var error = logger(’[ERROR]’); info(’this is an info’); // => // [INFO] this is an infoerror(’this is an error’); // => // [ERROR] this is an error