閉包

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            div{
                width: 200px;
                height: 200px;
                background-color: red;
                float: left;
                margin: 20px;
                font-size: 100px;
                line-height: 200px;
                text-align: center;
                color: white;
            }
        </style>
    </head>
    <body>
        <div class="div1">1</div>
        <div class="div2">2</div>
        <div class="div3">3</div>
        <div class="div4">4</div>
        <div class="div5">5</div>
    </body>
    <script type="text/javascript">
    var divs=document.querySelectorAll("div");
        for(var i=0;i<divs.length;i++){
                function click(num) {
                    divs[i].onclick=function () {
                    console.log(num);
                }
                }
                click(i);
            }
        
        
        //閉包匆光。函數(shù)內(nèi)部的函數(shù)就是閉包
        //1、通過(guò)閉包可以訪問(wèn)函數(shù)內(nèi)部的局部變量
        
        //根據(jù)閉包可以保存當(dāng)時(shí)函數(shù)內(nèi)部局部變量的值得特性,可以使用下面這種方式來(lái)解決點(diǎn)擊DIV的
//      時(shí)候I始終為5這種情況
        function test1 (num) {
            var j=num;
            console.log("1的值"+j);
            function test2 () {
                console.log(j);
            }
            return test2;
        }
//      var fn = test1();
//      fn();
        //2、每次訪問(wèn)tset1得到的test2是不一樣的函數(shù)。
        //兩個(gè)test2不一樣侍芝,意味著,他們的空間不是同一塊內(nèi)存空間。
        var fn2 = test1(100);
        fn2();
        var fn3 = test1(200);
        //fn2和fn3是兩個(gè)不同的函數(shù)宪萄,里面的j雖然都是引用的test1里面的J值,但是他們都不是同一個(gè)變量
        //fn2酱虎,fn3各自在自己的內(nèi)部空間儲(chǔ)存了原來(lái)的J值
        fn2();
//      console.log(fn2===fn3);
        
    </script>
</html>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末雨膨,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子读串,更是在濱河造成了極大的恐慌聊记,老刑警劉巖,帶你破解...
    沈念sama閱讀 223,126評(píng)論 6 520
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件恢暖,死亡現(xiàn)場(chǎng)離奇詭異排监,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)杰捂,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,421評(píng)論 3 400
  • 文/潘曉璐 我一進(jìn)店門舆床,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人嫁佳,你說(shuō)我怎么就攤上這事挨队。” “怎么了蒿往?”我有些...
    開(kāi)封第一講書(shū)人閱讀 169,941評(píng)論 0 366
  • 文/不壞的土叔 我叫張陵盛垦,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我瓤漏,道長(zhǎng)腾夯,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 60,294評(píng)論 1 300
  • 正文 為了忘掉前任蔬充,我火速辦了婚禮蝶俱,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘饥漫。我一直安慰自己榨呆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 69,295評(píng)論 6 398
  • 文/花漫 我一把揭開(kāi)白布庸队。 她就那樣靜靜地躺著愕提,像睡著了一般馒稍。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上浅侨,一...
    開(kāi)封第一講書(shū)人閱讀 52,874評(píng)論 1 314
  • 那天纽谒,我揣著相機(jī)與錄音,去河邊找鬼如输。 笑死鼓黔,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的不见。 我是一名探鬼主播澳化,決...
    沈念sama閱讀 41,285評(píng)論 3 424
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼稳吮!你這毒婦竟也來(lái)了缎谷?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 40,249評(píng)論 0 277
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤灶似,失蹤者是張志新(化名)和其女友劉穎列林,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體酪惭,經(jīng)...
    沈念sama閱讀 46,760評(píng)論 1 321
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡希痴,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,840評(píng)論 3 343
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了春感。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片砌创。...
    茶點(diǎn)故事閱讀 40,973評(píng)論 1 354
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖鲫懒,靈堂內(nèi)的尸體忽然破棺而出嫩实,到底是詐尸還是另有隱情,我是刑警寧澤窥岩,帶...
    沈念sama閱讀 36,631評(píng)論 5 351
  • 正文 年R本政府宣布舶赔,位于F島的核電站,受9級(jí)特大地震影響谦秧,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜撵溃,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 42,315評(píng)論 3 336
  • 文/蒙蒙 一疚鲤、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧缘挑,春花似錦集歇、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 32,797評(píng)論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)际歼。三九已至,卻和暖如春姑蓝,著一層夾襖步出監(jiān)牢的瞬間鹅心,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,926評(píng)論 1 275
  • 我被黑心中介騙來(lái)泰國(guó)打工纺荧, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留旭愧,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 49,431評(píng)論 3 379
  • 正文 我出身青樓宙暇,卻偏偏與公主長(zhǎng)得像输枯,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子占贫,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,982評(píng)論 2 361

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