閉包：私有化變量《JavaScript高程3》《JavaScript忍者秘籍》

vspiders 發(fā)布于2019-08-01 15:48 / 1715人閱讀

摘要：閉包閉包的特點就是內(nèi)部匿名函數(shù)可以訪問外部函數(shù)作用域的變量和方法變量對象。閉包的主要表現(xiàn)形式就是匿名函數(shù)，但是兩者并不是等價的。中是沒有塊級作用域的，為了在中引入塊級作用域，可以使用匿名函數(shù)模擬塊級作用域。

在介紹閉包之前，首先解釋在隨后的測試實例中會使用的assert測試函數(shù)，這個方法有別于alert（）測試，有很大的改進(jìn)。

assert()測試方法

用法：assert(condition, “string”); 把字符串顯示在頁面上，根據(jù)條件是否成立決定顯示的顏色，條件為真就顯示為綠色，否則為紅色。

閉包

閉包的特點就是內(nèi)部匿名函數(shù)可以訪問外部函數(shù)作用域的變量和方法（變量對象）。一般來說，當(dāng)函數(shù)執(zhí)行完畢后，局部活動對象（函數(shù)的變量對象）就會被銷毀，內(nèi)存中僅保留全局作用域（全局執(zhí)行環(huán)境的變量對象）。但是閉包創(chuàng)建時，內(nèi)部函數(shù)的作用域鏈中會一直引用著外部函數(shù)的活動對象，這個活動對象一直被引用而不能被回收，一直占用內(nèi)存，容易造成內(nèi)存泄漏。

閉包的主要表現(xiàn)形式就是匿名函數(shù)，但是兩者并不是等價的。閉包的常見用法就是封裝一些私有變量，也就是限制這些變量的作用域。任何在函數(shù)中創(chuàng)建的變量都是私有變量，因為在函數(shù)外部不能訪問這些變量，私有變量包括函數(shù)的參數(shù)、局部變量、在函數(shù)內(nèi)部定義的其他函數(shù)。有權(quán)在外部訪問私有變量的公有方法被稱為特權(quán)方法，第一種創(chuàng)建特權(quán)方法的的方式是在構(gòu)造函數(shù)中定義特權(quán)方法，如下：

function Ninjia(){
  //私有屬性
  var feints = 0;
  //特權(quán)方法
  this.getFeints = function(){
    return feints;
  };
  this.feintNum = function(){
    feints++;
  };
}
var ninjia= new Ninjia();
ninjia.feintNum();
assert(ninjia.getFeints() == 1, "can accesss interal variable");//可以通過特權(quán)方法訪問
assert(ninjia.feints, "can access private variable");//無法訪問

可以看出，特權(quán)方法之所以能夠訪問構(gòu)造函數(shù)中定義的所有變量和函數(shù)，根本原因在于，特權(quán)方法就是一個閉包，可以通過作用域鏈訪問外部函數(shù)，也就是構(gòu)造函數(shù)。通過構(gòu)造函數(shù)定義特權(quán)方法的缺點在于使用構(gòu)造函數(shù)創(chuàng)建自定義對象的固有弊端，那就是方法（函數(shù)對象）的重復(fù)創(chuàng)建。

第二種方式是在私有作用域中定義私有變量或私有函數(shù)，同樣也可以創(chuàng)建特權(quán)方法。
首先介紹私有作用域。JavaScript中是沒有塊級作用域的，為了在JavaScript中引入塊級作用域，可以使用匿名函數(shù)模擬塊級作用域。為什么大費周折整出塊級作用域呢？因為有了塊級作用域，每個開發(fā)人員都可以在塊級作用域中定義自己的變量，而不用擔(dān)心會搞亂全局作用域，過多的全局作用域變量核函數(shù)會導(dǎo)致命名沖突。匿名函數(shù)用作塊級作用域被稱為私有作用域（private scope），這個匿名函數(shù)實際上就是一個閉包，它可以訪問自己內(nèi)部活動對象，函數(shù)執(zhí)行完成即銷毀，不占用內(nèi)存，語法如下：

(function () {
//塊級作用域
})();

上述代碼首先將函數(shù)聲明包含在圓括號中，這表示這段代碼實際上是一個函數(shù)表達(dá)式，緊隨其后的圓括號會立即調(diào)用這個函數(shù)。
以下實例表明，私有作用域的變量不可由外部訪問。

  var outputNum = function(count){
  (function(){
    for (var i=0; i 
然后介紹往私有作用域中添加私有變量和函數(shù)，同時定義特權(quán)方法。
(function(){
//私有屬性
      var name="";
    //構(gòu)造函數(shù)
      Person = function(value){
        name = value;
      };
    //構(gòu)造函數(shù)原型方法-->特權(quán)方法
      Person.prototype.getName = function(){
        return name;
      }
      Person.prototype.setName = function(value){
        name = value;
      }
    })();

    var person1= new Person("zhang");
    alert(person1.getName());//zhang
    person1.setName("wang");
    alert(person1.getName());//wang

    var person2= new Person("li");
alert(person1.getName());//li，實例間的屬性共享

這種方法的主要弊端在于，私有變量實際上變成了所有靜態(tài)的由所有實例共享的屬性，也就是說，在一個實例上調(diào)用方法改變私有變量值后，會在另一個變量上體現(xiàn)出來。
閉包的使用實例：
1）Ajax回調(diào)函數(shù)中的閉包：
  jQuery("#testButton").click(function(){                          //#1
    var elem$ = jQuery("#testSubject");                            //#2
    elem$.html("Loading...");                                      //#3
    jQuery.ajax({
      url: "test.html",
      success: function(html){                                     //#4
        assert(elem$, //elem$是外部變量，匿名函數(shù)式回調(diào)函數(shù)
              "We can see elem$, via the closure for this callback.");
        elem$.html(html);
      }
    });
  });

2）計時器回調(diào)函數(shù)中的閉包：
    function animateIt(elementId){
      var elem = document.getElementById(elementId);
      var tick = 0;
      var timer = setInterval(function(){
          if (tick <100){
            elem.style.top = tick+"px";
            elem.style.left = tick+"px";
            tick++;
          }
          else{
            clearInterval(timer);
            assert(tick == 100, "Tick accessd via a closure");
            assert(elem, "elem accesse via a closure");
            assert(timer, "timer reference accessed via a closure");
          }
      }, 10);
    }
    animateIt("box");
通過在函數(shù)內(nèi)部定義變量（本例中是elem, tick, timer），并依靠閉包，可以在計時器回調(diào)函數(shù)調(diào)用的時候進(jìn)行使用，這樣，每個動畫就有自己的私有變量（elem, tick, timer一次定義，多次使用）。如果在全局作用域中設(shè)置變量并且有多個動畫需要設(shè)置，為了避免混淆，需要為每個動畫設(shè)置3個變量。

云服務(wù)器 GPU云服務(wù)器 javascript閉包 javascript閉包詳解 javascript變量 javascript定義變量

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/50121.html

發(fā)表評論

登陸后可評論

0條評論

vspiders

男|高級講師

我要關(guān)注我要私信

TA的文章

用C語言實現(xiàn)三子棋

閱讀 664·2021-11-11 16:55
轉(zhuǎn)行軟件測試兩個多月，感覺很迷茫，下一步該如何提高自己？

閱讀 2166·2021-11-11 16:55
你的編程能力從什么時候開始突飛猛進(jìn)？

閱讀 1958·2021-11-11 16:55
年度狂歡雙十一云服務(wù)商活動我們需要準(zhǔn)備什么（雙十一云服務(wù)器會有活動嗎）

閱讀 2350·2021-10-25 09:46
云主機(jī)怎么建站-新睿云云主機(jī)怎么搭建網(wǎng)站？

閱讀 1614·2021-09-22 15:20
C語言------（8道）指針筆試題全面解析

閱讀 2295·2021-09-10 10:51
搬瓦工：新增兩款CN2高配機(jī)型 – DC3機(jī)房，CN2線路，月流量最高16TB

閱讀 1712·2021-08-25 09:38
Web語義化標(biāo)準(zhǔn)解讀

閱讀 2626·2019-08-30 12:48

成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

上云采購季！| 2核2G4M爆款云服務(wù)器低至59元/年，更有多臺、長期優(yōu)惠，快來選購！

閉包：私有化變量《JavaScript高程3》《JavaScript忍者秘籍》

相關(guān)文章