• 當前位置:首頁 > IT技術 > Web編程 > 正文

    JS閉包
    2021-09-24 14:55:25

    ?

    問題+答案(很好理解的答案)便于后續查找翻閱

    轉載 https://zhuanlan.zhihu.com/p/22486908

    面試:

    閉包是什么?

    閉包有什么作用?

    由于評論里不停有人給出錯誤的答案,這里先聲明:如果你對閉包的理解里有 return 這個詞,那么你的理解就是錯的。因為閉包跟 return 沒有任何關系。理由在下文里講。

    ---------------------------------------

    首先來簡述什么是閉包

    ?

    假設上面三行代碼在一個立即執行函數中(為簡明起見,我就不寫立即執行函數了,影響讀者理解)。

    三行代碼中,有一個局部變量 local,有一個函數 foo,foo 里面可以訪問到 local 變量。

    好了這就是一個閉包:

    「函數」和「函數內部能訪問到的變量」的總和,就是一個閉包。

    就這么簡單。

    有的同學就疑惑了,閉包這么簡單么?

    「我聽說閉包是需要函數套函數,然后 return 一個函數的呀!」

    比如這樣:

    function foo(){
      var local = 1
      function bar(){
        local++
        return local
      }
      return bar
    }
    
    var func = foo()
    func()

    這里面確實有閉包,local 變量和 bar 函數就組成了一個閉包(Closure)。

    為什么要函數套函數呢?

    是因為需要局部變量,所以才把 local 放在一個函數里,如果不把 local 放在一個函數里,local 就是一個全局變量了,達不到使用閉包的目的——隱藏變量(等會會講)。

    這也是為什么我上面要說「運行在一個立即執行函數中」。

    有些人看到「閉包」這個名字,就一定覺得要用什么包起來才行。其實這是翻譯問題,閉包的原文是 Closure,跟「包」沒有任何關系。

    所以函數套函數只是為了造出一個局部變量,跟閉包無關。

    ?

    為什么要 return bar 呢?

    因為如果不 return,你就無法使用這個閉包。把 return bar 改成 window.bar = bar 也是一樣的,只要讓外面可以訪問到這個 bar 函數就行了。

    所以 return bar 只是為了 bar 能被使用,也跟閉包無關。

    閉包的作用

    閉包常常用來「間接訪問一個變量」。換句話說,「隱藏一個變量」。

    ?

    假設我們在做一個游戲,在寫其中關于「還剩幾條命」的代碼。

    如果不用閉包,你可以直接用一個全局變量:

    window.lives = 30 // 還有三十條命

    這樣看起來很不妥。萬一不小心把這個值改成 -1 了怎么辦。所以我們不能讓別人「直接訪問」這個變量。怎么辦呢?

    用局部變量。

    但是用局部變量別人又訪問不到,怎么辦呢?

    暴露一個訪問器(函數),讓別人可以「間接訪問」。

    代碼如下:

    !function(){
    
      var lives = 50
    
      window.獎勵一條命 = function(){
        lives += 1
      }
    
      window.死一條命 = function(){
        lives -= 1
      }
    
    }()

    簡明起見,我用了中文 :)

    那么在其他的 JS 文件,就可以使用 window.獎勵一條命() 來漲命,使用 window.死一條命() 來讓角色掉一條命。

    看到閉包在哪了嗎?

    ?

    閉包到底是什么?

    ?

    五年前,我也被這個問題困擾,于是去搜了 stackoverflow 并總結下來。你在百度搜閉包,那篇《JavaScript閉包——懂不懂由你,反正我是懂了》就是我寫的。當時我還是新手,一直不理解為什么大家口中的閉包這么模糊、這么琢磨不定呢。

    我們重新來審視一下閉包的代碼:

    ?

    第一句是變量聲明,第二句是函數聲明,第三句是 console.log。

    每一句我都學過,為什么合起來我就看不出來是閉包?

    我告訴你答案,你根本不需要知道閉包這個概念,一樣可以使用閉包!

    閉包是 JS 函數作用域的副產品。

    換句話說,正是由于 JS 的函數內部可以使用函數外部的變量,所以這段代碼正好符合了閉包的定義。而不是 JS 故意要使用閉包。

    很多編程語言也支持閉包,另外有一些語言則不支持閉包。

    只要你懂了 JS 的作用域,你自然而然就懂了閉包,即使你不知道那就是閉包!

    所謂閉包的作用

    如果我們在寫代碼時,根本就不知道閉包,只是按照自己的意圖寫,最后,發現滿足了閉包的定義。

    那么請問,這算是閉包的作用嗎?

    一個是前面提到的可以讀取函數內部的變量,另一個就是讓這些變量的值始終保持在內存中

    關于閉包的謠言

    閉包會造成內存泄露?

    錯。

    說這話的人根本不知道什么是內存泄露。內存泄露是指你用不到(訪問不到)的變量,依然占居著內存空間,不能被再次利用起來。

    閉包里面的變量明明就是我們需要的變量(lives),憑什么說是內存泄露?

    這個謠言是如何來的?

    因為 IE。IE 有 bug,IE 在我們使用完閉包之后,依然回收不了閉包里面引用的變量。

    這是 IE 的問題,不是閉包的問題。參見司徒正美的這篇文章。

    一個小經驗

    編程界崇尚以簡潔優雅為美,很多時候

    如果你覺得一個概念很復雜,那么很可能是你理解錯了。

    阮一峰大神講的也很通透,醍醐灌頂

    本文摘自 :https://www.cnblogs.com/

    開通會員,享受整站包年服務
    国产呦精品一区二区三区网站|久久www免费人咸|精品无码人妻一区二区|久99久热只有精品国产15|中文字幕亚洲无线码