<em id="09ttv"></em>
    <sup id="09ttv"><pre id="09ttv"></pre></sup>
    <dd id="09ttv"></dd>

        • 閉包--沒有那么復雜!

          2021-4-20    前端達人

          一弄JS,就總有人在提閉包、閉包的,此前不了解,上網上搜,很多講的也過于難懂,感覺沒有必要那么復雜,今天就把我對于閉包的理解總結一下,力求簡單、通俗、易懂



          目錄



          1.什么是閉包



          2.閉包有什么用?



          3.閉包帶來了什么問題呢?



          4.總結



           1.什么是閉包

          通俗的理解就是:子函數使用著父函數作用域內的變量,導致父函數作用域內的變量無法回收釋放的這種情況。



          <script>

          function a(){

             let num=0;

             return ()=>{

               console.log(num++);

             }

          };

          let t=a();

          //執行三次結果是多少?

          t();

          t();

          t();

          </script>

           看上面的代碼,分別執行三次t(),那么結果是多少呢?







          結果是0,1,2,這是怎么回事呢?原因就是閉包導致的。



          我們首先分析:a函數內有一個num變量和一個子函數,在子函數中使用著父函數a的變量num,使其自加1。隨后將a函數執行后復制給t,由于子函數一直在使用num變量(其實不論子函數是否使用,父函數的變量都不會釋放,隨時等待子函數調用除非子函數引用被釋放),所以num變量并不會回收釋放。也就是說三次t()改變的num其實是一個。這就是閉包的原因,如果沒有閉包,在子函數處理完num后,num回收,則應該是三個0。



          2.閉包有什么用?

          從另一個角度理解,如果一個函數沒有被回收釋放,那么他的父級、父級的父級。。。。。祖宗級(全局)的變量也不會被釋放,而且可以被函數訪問到。這就是為什么全局變量在哪里都可以訪問的原因了,其實就是閉包的應用。那什么時候全局變量不可用了呢,就是他內部的子函數引用都被清空的時候,也就是程序關閉了,網頁關閉了之后。



          1.絕大多數時候我們不會有意識的用到閉包,但是沒有閉包你得程序是跑不了的,比如全局變量。。。。。



          2.極少數情況下我們用函數去給一個變量“續命”。這種情況下,閉包就會被用到了。



          3.還有就是,如果問你:



          JS中沒有嚴格意義的私有變量,請問你能弄出來絕對私有么?答案:能。請看代碼:



          <script>

            //這個num就是真的嚴格意義的私有

            let a=(function (){

              let num =0;

              return {

                get(){

                  return num;

                },

                set(val){

                  num=val;

                }

              }

            })();

            a.set(55);

            console.log(a.get());

          </script>

          這時a將返回一個json,里面有兩個函數,分別是get和set。當你在外部給num賦值或者是調用num時,必須通過get和set“屬性訪問器”去訪問,否則無法訪問到num變量(真正的私有)。因為當你不用get和set時候也就是說get和set函數是不存在的,那么根據“閉包的原理”num會被釋放掉,也就是說num不存在了,所以你直接num賦值是undefined的。



          3.閉包帶來了什么問題呢?

          這里最為典型的就是for循環中用var定義循環變量(var i=0;i<10;i++),循環的結果是相同的,就是最后一次運算的結果。這里就涉及到了作用域和閉包的問題。詳細的請看我的這篇文章,本文就不贅述了。



          深入理解js_for循環條件中使用var為什么會出問題?(js塊級作用域理解)


          轉自:csdn 論壇 作者:韋_恩


          藍藍設計www.sdgs6788.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 平面設計服


          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.sdgs6788.com

          存檔

          99久久精品免费| 国产精品久久久久久五月尺| 亚洲精品第一综合99久久| 久久久WWW成人免费精品| 国产精品免费久久久久电影网| 超级97碰碰碰碰久久久久最新| 7777久久久国产精品消防器材| 潮喷大喷水系列无码久久精品| 人妻无码久久精品| 狠狠干狠狠久久| 久久亚洲AV无码精品色午夜麻豆| 久久久久久综合网天天| 婷婷久久五月天| 久久w5ww成w人免费| 色妞色综合久久夜夜| 久久久久久精品无码人妻| 精品精品国产自在久久高清| 久久久久香蕉视频| 国产91色综合久久免费分享| www.久久99| 久久精品桃花综合| 亚洲国产成人久久精品动漫| 久久人人爽人人人人爽AV| 久久久久国产一区二区| 久久福利青草精品资源站| 午夜人妻久久久久久久久| 久久综合久久自在自线精品自| 韩国无遮挡三级久久| 久久久噜噜噜www成人网| 7777久久久国产精品消防器材| 亚洲国产综合久久天堂 | 亚洲欧洲中文日韩久久AV乱码| 久久综合九色综合久99| 国产精品18久久久久久vr| 亚洲国产精品无码久久| 国产精品久久久久久久人人看| 久久天天躁狠狠躁夜夜2020 | 国产毛片欧美毛片久久久| 久久人与动人物a级毛片| 亚洲国产精品无码久久九九| 久久久精品久久久久影院|