淺析閉包

1亡脑、什么叫閉包?

一個作用域可以訪問另外一個函數(shù)內(nèi)部的局部變量 ,或者說一個函數(shù)(子函數(shù))訪問另一個函數(shù)(父函數(shù))中的變量谜喊。 此時就會有閉包產(chǎn)生 ,那么這個變量所在的函數(shù)我們就稱之為閉包函數(shù)。比如下面例子:

function makeFn(){
    var name = "Mirror";
    function showName(){
        alert(name)
    }
    return showName;
}

var myFn = makeFn();
myFn();  // "Mirror"

在以上的例子中抖部,myFn是執(zhí)行makeFn時創(chuàng)建的showName函數(shù)實例的引用变屁,而showName實例仍可訪問其詞法作用域中的變量病瞳,既可以訪問到name揽咕。 由此,當myFn 被調(diào)用時套菜,name仍可被訪問亲善。

2、閉包的優(yōu)點逗柴?

避免全局變量的污染蛹头,

3、閉包的缺點戏溺?

如果使用不當會造成內(nèi)存泄露的問題渣蜗,什么叫內(nèi)存泄露?就是指用動態(tài)存儲分配函數(shù)動態(tài)開辟的空間旷祸,在使用完畢后未釋放耕拷,結(jié)果導(dǎo)致一直占據(jù)該內(nèi)存單元。那怎么解決內(nèi)存泄露問題呢托享?就是在使用完這個函數(shù)或是變量使用完成后及時的銷毀掉就可以了骚烧。

4、閉包的三個特征:

(1)函數(shù)嵌套函數(shù)
(2)函數(shù)內(nèi)部可以引用函數(shù)外部的參數(shù)跟變量
(3)參數(shù)跟變量不會被我們JS中的垃圾回收機制回收闰围。

5赃绊、閉包的使用場景:

(1)防抖與節(jié)流

// 節(jié)流函數(shù)封裝
function throttle(func, delay) {
  let timer = null;
  return function () {
    if (!timer) {
      timer = setTimeout(() => {
        func.apply(this, arguments);
        timer = null;
      }, delay);
    }
  };
}
// 防抖函數(shù)封裝
function debounce(func, delay) {
  let timer = null;
  return function () {
    clearTimeout(timer);
    timer = setTimeout(() => {
      func.apply(this, arguments);
    }, delay);
  };
}

(2)函數(shù)柯里化:
JavaScript函數(shù)柯里化是一種將使用多個參數(shù)的函數(shù)轉(zhuǎn)換為一系列使用一個參數(shù)的函數(shù)的技術(shù)。

//柯里化前
function add(a, b, c) {
  return a + b + c;
}
console.log(add(1, 2, 3)); //6
//柯里化后
function addCurried1(a) {
  return function (b) {
    return function (c) {
      return a + b + c;
    };
  };
}
//箭頭函數(shù)簡寫
const addCurried2 = (a) => (b) => (c) => a + b + c;
console.log(addCurried1(1)(2)(3)); //6
console.log(addCurried2(1)(2)(3)); //6
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末羡榴,一起剝皮案震驚了整個濱河市碧查,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌校仑,老刑警劉巖么夫,帶你破解...
    沈念sama閱讀 211,042評論 6 490
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異肤视,居然都是意外死亡档痪,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 89,996評論 2 384
  • 文/潘曉璐 我一進店門邢滑,熙熙樓的掌柜王于貴愁眉苦臉地迎上來腐螟,“玉大人愿汰,你說我怎么就攤上這事±种剑” “怎么了衬廷?”我有些...
    開封第一講書人閱讀 156,674評論 0 345
  • 文/不壞的土叔 我叫張陵,是天一觀的道長汽绢。 經(jīng)常有香客問我吗跋,道長,這世上最難降的妖魔是什么宁昭? 我笑而不...
    開封第一講書人閱讀 56,340評論 1 283
  • 正文 為了忘掉前任跌宛,我火速辦了婚禮,結(jié)果婚禮上积仗,老公的妹妹穿的比我還像新娘疆拘。我一直安慰自己,他們只是感情好寂曹,可當我...
    茶點故事閱讀 65,404評論 5 384
  • 文/花漫 我一把揭開白布哎迄。 她就那樣靜靜地躺著,像睡著了一般隆圆。 火紅的嫁衣襯著肌膚如雪漱挚。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,749評論 1 289
  • 那天渺氧,我揣著相機與錄音棱烂,去河邊找鬼。 笑死阶女,一個胖子當著我的面吹牛颊糜,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播秃踩,決...
    沈念sama閱讀 38,902評論 3 405
  • 文/蒼蘭香墨 我猛地睜開眼衬鱼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了憔杨?” 一聲冷哼從身側(cè)響起鸟赫,我...
    開封第一講書人閱讀 37,662評論 0 266
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎消别,沒想到半個月后抛蚤,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,110評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡寻狂,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,451評論 2 325
  • 正文 我和宋清朗相戀三年岁经,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片蛇券。...
    茶點故事閱讀 38,577評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡缀壤,死狀恐怖樊拓,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情塘慕,我是刑警寧澤筋夏,帶...
    沈念sama閱讀 34,258評論 4 328
  • 正文 年R本政府宣布,位于F島的核電站图呢,受9級特大地震影響条篷,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜蛤织,卻給世界環(huán)境...
    茶點故事閱讀 39,848評論 3 312
  • 文/蒙蒙 一赴叹、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧瞳筏,春花似錦稚瘾、人聲如沸牡昆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,726評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽丢烘。三九已至柱宦,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間播瞳,已是汗流浹背掸刊。 一陣腳步聲響...
    開封第一講書人閱讀 31,952評論 1 264
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留赢乓,地道東北人忧侧。 一個月前我還...
    沈念sama閱讀 46,271評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像牌芋,于是被迫代替她去往敵國和親蚓炬。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,452評論 2 348

推薦閱讀更多精彩內(nèi)容

  • 一躺屁、什么是閉包 關(guān)于閉包的解釋有很多肯夏,而我個人理解的閉包,就是引用了局部作用域變量的函數(shù)犀暑。他由以下兩部分構(gòu)成: 可...
    Da_xiong閱讀 129評論 0 0
  • 概念:閉包 的英文解釋是有“block”的概念驯击,所以,閉包就是一個封閉的函數(shù)耐亏,這個函數(shù)的特殊之處在于徊都,是外部函數(shù)返...
    海Annie閱讀 243評論 0 0
  • 概念 閉包是指有權(quán)訪問另外一個函數(shù)作用域中的變量的函數(shù) 閉包的優(yōu)點 可以重復(fù)使用變量,并且不會造成變量污染 全局變...
    簡單tao的簡單閱讀 18,203評論 0 28
  • 什么是閉包袱耽? 閉包是指那些能夠訪問自由變量的函數(shù)杀餐。自由變量:指在函數(shù)中使用的,但既不是函數(shù)參數(shù)也不是函數(shù)的局部變量...
    BubbleM閱讀 293評論 0 1
  • 概念 閉包是指有權(quán)訪問另外一個函數(shù)作用域中的變量的函數(shù) 閉包的優(yōu)點 可以重復(fù)使用變量朱巨,并且不會造成變量污染 全局變...
    王果果閱讀 276評論 0 1