<thead id="kdfuf"><font id="kdfuf"></font></thead>
<samp id="kdfuf"></samp>
    <nav id="kdfuf"><strong id="kdfuf"></strong></nav>
      中文字幕无码一区二区三区在线,久久精品人人做人人爽,国产一级内射无挡观看,十八禁在线黄色网站,日韩欧美国产另类久久久精品 ,少妇人妻偷人精品一区二区,久久午夜视频,亚洲春色AⅤ无码专区

      關(guān)于JS中作用域的銷毀和不銷毀的情況總結(jié)

      2021-7-26    前端達(dá)人

      window全局作用域->頁(yè)面關(guān)掉才銷毀
      函數(shù)執(zhí)行會(huì)形成私有的作用域

      1)作用域的銷毀
      一般情況下,函數(shù)執(zhí)行形成一個(gè)私有的作用域,當(dāng)執(zhí)行完成后就銷毀了->節(jié)省內(nèi)存空間

      2)作用域的不立即銷毀
      function fn(){
      var i=10;
      return function(n){
      console.log(n+i++);
      }
      }
      fn()(15);//->先執(zhí)行fn,有一個(gè)私有的變量i=10,返回一個(gè)堆內(nèi)存地址 xxxfff111,我們發(fā)現(xiàn)這個(gè)地址還用到了一次,那么當(dāng)前的這個(gè)fn形成私有作用域(A)就不能立即銷毀了,xxxfff111(15)->輸出25,A中的i變?yōu)?1;當(dāng)xxxfff111執(zhí)行完了,發(fā)現(xiàn)這個(gè)地址沒用了,瀏覽器就把A、xxxfff111都釋放了

      fn()(20);//->在執(zhí)行fn的時(shí)候一切都從新開始了,和上面的步驟是一樣的->輸出30

      3)作用域的不銷毀:形成一個(gè)私有作用域,里面的內(nèi)容被外面占用了
      function fn(){
      var i=10;
      return function(n){
      console.log(n+i++);
      }
      }
      var f=fn();//->fn執(zhí)行形成一個(gè)私有的作用域A,A中有一個(gè)私有的變量i=10,A中返回一個(gè)地址xxxfff11,被外面的f占用了,那么當(dāng)前的A就不能銷毀了
      f(15);//->輸出25,讓A中的i=11
      f(20);//->輸出31,讓A中的i=12
      ...
      當(dāng)我們知道f用完的時(shí)候,為了優(yōu)化性能,我們讓f=null,這樣的話A中的xxxfff111沒人占用了,瀏覽器會(huì)把A和xxxfff111都釋放了


      幾種不銷毀常用到的形式:
      1)函數(shù)執(zhí)行,返回一個(gè)引用數(shù)據(jù)類型的值,并且在函數(shù)的外面被別人接收了,那么當(dāng)前函數(shù)形成的私有作用域就不在銷毀了-->例如上面的案例

      2)在函數(shù)執(zhí)行的時(shí)候,里面的一個(gè)小函數(shù)的地址賦值給了我們的外面元素的點(diǎn)擊事件,那么當(dāng)前小函數(shù)也相當(dāng)于被外面占用了,大函數(shù)執(zhí)行形成的私有的作用域也不銷毀了
      //每一次循環(huán)都執(zhí)行自執(zhí)行函數(shù)形成一個(gè)私有的作用域(循環(huán)三次就有三個(gè)作用域,每一個(gè)作用域中都有一個(gè)i,第一個(gè)存儲(chǔ)的是0,第二個(gè)存數(shù)的是1..),在每一個(gè)私有的作用域中都把里面的函數(shù)綁定給了外面元素的點(diǎn)擊事件,這樣的話每一次形成的作用域都不銷毀了(三個(gè)不銷毀的作用域)
      var oLis=document.getElementsByTagName("li");
      for(var i=0;i<oLis.length;i++){
      ~function(i){
      oLis[i].onclick=function(){
      tabChange(i);
      }
      }(i);
      }

      3)在使用setTimeout實(shí)現(xiàn)輪詢動(dòng)畫的時(shí)候,我們?nèi)绻鹠ove需要傳遞參數(shù)值,那么像下面這樣的寫法會(huì)行成很多的不銷毀的作用域,非常的耗性能
      function move(tar){
      <js code>

      //window.setTimeout(move,10); ->第二次執(zhí)行move的時(shí)候我們沒有給它傳值(這樣寫不行)
      window.setTimeout(function(){
      move(tar);
      },10);//->這樣寫實(shí)現(xiàn)了,但是每一次執(zhí)行定時(shí)器都會(huì)形成一個(gè)私有的所用域(匿名函數(shù)形成的)A,在A中使用了上級(jí)作用域中的tar的值,而且執(zhí)行了move又形成了一個(gè)小的作用域(而在小的作用域中會(huì)使用tar的值),這樣每一次定時(shí)器形成的A都不能銷毀了
      }
      move(100);//->第一次這樣執(zhí)行傳遞100

      //解決辦法:
      function move(tar){
      ~function _move(){
      <js code>
      window.setTimeout(_move,10);
      }();
      }
      move(100);//->第一次這樣執(zhí)行傳遞100


      JS中內(nèi)存空間釋放的問題(堆內(nèi)存、棧內(nèi)存)
      [谷歌瀏覽器]
      我們開辟一個(gè)內(nèi)存,可能或有一些其他的變量等占用了這個(gè)內(nèi)存,谷歌瀏覽器都會(huì)間隔一段時(shí)間看這個(gè)內(nèi)存還有沒有被占用,如果發(fā)現(xiàn)有沒有被占用的內(nèi)存了,就自己幫我們回收了(內(nèi)存釋放)

      [火狐和IE]
      我們開個(gè)內(nèi)存,當(dāng)我們引用了它,就在內(nèi)存中記錄一個(gè)數(shù),增加一個(gè)引用瀏覽器就把這個(gè)數(shù)+1,減少一個(gè)引用,瀏覽器就把這個(gè)數(shù)-1...當(dāng)減到零的時(shí)候?yàn)g覽器就把這個(gè)內(nèi)存釋放了;但是有些情況下(尤其是IE)記著記著就弄亂了,內(nèi)存就不能釋放了-->瀏覽器的內(nèi)存泄露

      var obj={};
      我們養(yǎng)成一個(gè)好的習(xí)慣,當(dāng)我們obj這個(gè)對(duì)象使用完成了,我們手動(dòng)的obj=null (null空對(duì)象指針),瀏覽器會(huì)自己把剛才的堆內(nèi)存釋放掉

      標(biāo)簽: javascript




      藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

      截屏2021-05-13 上午11.41.03.png



      文章來源:博客園

      分享此文一切功德,皆悉回向給文章原作者及眾讀者.
      免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

      藍(lán)藍(lán)設(shè)計(jì)www.tuitetiyu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)


      日歷

      鏈接

      個(gè)人資料

      存檔

      主站蜘蛛池模板: 国产香蕉尹人综合在线观看| 单亲和子的性关系a片| 欧美激情一区二区在线| 久久精品人人槡| 人人狠狠综合久久88成人| 国产一区在线播放av| 国产高清欧美日韩在线专区| 囊谦县| 野草乱码一二三四区别在哪| 国产日韩精品中文字无码| 国产又色又刺激高潮视频| 国产熟睡乱子伦午夜漫画| 无码一区二区三区亚洲人妻| 午夜一级做a爰片久久毛片| 一区二区三区国产亚洲自拍| 大香伊蕉在人线国产2019| 被灌满精子的少妇视频| 精品国产久一区二区三区| 国产不卡一区不卡二区| 亚洲夜夜性无码| 内射女校花一区二区三区| 亚洲无码免费在线观看| 中文字幕va一区二区三区| 免费国产av操逼图片| 人人鲁人人莫人人爱精品| 欧美成人秋霞久久AA片| 扒开老师内衣吸她奶头动态图| 久久久av波多野一区二区| 在教室伦流澡到高潮H| 中文字幕亚洲综合小综合一| 国产激情无码一区二区| 欧美精品日韩精品十八小视频| 久久产精品一区二区三区| 深夜国产成人福利在线观看| 国产av熟女一区二区三区| 99riav国产精品视频| 欢迎访问亚洲精品国产首次亮相| 亚洲无码免费网站| 成年女人毛片免费观看中文| 一本大道东京热av无码| 九九热在线精品|