root
/
myBlogs_2


			
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177
							
<!DOCTYPE HTML>
<html lang="" >
    <head>
        <meta charset="UTF-8">
        <meta content="text/html; charset=utf-8" http-equiv="Content-Type">
        <title>匿名函数和闭包 · 代码收集</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="description" content="">
        <meta name="generator" content="GitBook 3.1.1">
        
        
    <link rel="stylesheet" href="../../gitbook/style.css">

    
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-search-pro/search.css">
                
            
                <link rel="stylesheet" href="../../gitbook/gitbook-plugin-highlight/website.css">
                
            
    <meta name="HandheldFriendly" content="true"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../../gitbook/images/apple-touch-icon-precomposed-152.png">
    <link rel="shortcut icon" href="../../gitbook/images/favicon.ico" type="image/x-icon">


    <link rel="next" href="05.html" />
    
    
    <link rel="prev" href="03.html" />
    

    </head>
    <body>
        
<div class="gb-page-wrapper">
    <header class="gb-page-header">
        <div class="container">
        
            
<div id="book-search-input" role="search">
    <input type="text" placeholder="Type to search" />
</div>


            <a href="../.." class="logo">
                <img src="../../gitbook/images/logo/128.png">
                <h1>代码收集</h1>
            </a>

            
<a href="https://github.com/seamong/myBlogs/blob/doc/JavaScript/principle/04.md" target="_blank" class="btn btn-link pull-right hidden-xs">
    <i class="octicon octicon-mark-github"></i> 在GitHub编辑本页
</a>
<a href="../../faq.md" class="btn btn-link pull-right hidden-xs">
    F.A.Q
</a>
<a href="https://github.com/seamong/myBlogs/README.md" target="_blank" class="btn btn-link pull-right hidden-xs">
    当前版本0.0.1
</a>

        
        </div>
    </header>

    <div class="gb-page-body">
        <div class="gb-page-inner">
            <div class="container">
                <div class="row">
                    <div class="col-md-3">
                        

    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">介绍</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../" class="list-group-item ">
        

            关于本文档

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">JavaScript</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="./" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down"></i>
            

            原理解析

        
        </a>
        

        <a href="0_data_type.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            数据类型

        
        </a>
        

        <a href="001_object.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            Object

        
        </a>
        

        <a href="002_DOM.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            DOM

        
        </a>
        

        <a href="01.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            HTML DOM Document 对象

        
        </a>
        

        <a href="02.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            闭包

        
        </a>
        

        <a href="03.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            写给初级JS程序员的JavaScript闭包(译)

        
        </a>
        

        <a href="04.html" class="list-group-item active">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            匿名函数和闭包

        
        </a>
        

        <a href="05.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            instanceof运算符

        
        </a>
        

        <a href="06.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-down" style="opacity: 0"></i>
            

            JavaScript事件流

        
        </a>
        

        <a href="../cases/" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            案例解析

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">angular</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../angular/study_notes/" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            Study notes

        
        </a>
        

        <a href="../../angular/ng.html" class="list-group-item ">
        

            ng

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">css</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../css/principle/" class="list-group-item ">
        

            原理解析

        
        </a>
        

        <a href="../../css/cases/" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            案例收集

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">vue</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../vue/components/" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            components

        
        </a>
        

        <a href="../../vue/router/" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            router

        
        </a>
        

        <a href="../../vue/vuex/" class="list-group-item ">
        

            VUE

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">ubuntu</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../ubuntu/serves/" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            服务器生存指南

        
        </a>
        

        <a href="../../ubuntu/instruction.html" class="list-group-item ">
        

            常用指令

        
        </a>
        

        <a href="../../ubuntu/software/" class="list-group-item ">
        

            常用软件安装

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">GIT</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../git/git.html" class="list-group-item ">
        

            git 命令

        
        </a>
        

        <a href="../../git/push.html" class="list-group-item ">
        

            git~push

        
        </a>
        

        <a href="../../git/faq.html" class="list-group-item ">
        

            git~F.A.Q

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        
        <div class="panel-heading">
            <h3 class="panel-title">NODE&NPM</h3>
        </div>
        

        <div class="list-group">
            
    
        <a href="../../node/0.html" class="list-group-item ">
        

            <i class="octicon octicon-chevron-right"></i>
            

            node

        
        </a>
        

        <a href="../../node/npm/0.html" class="list-group-item ">
        

            npm

        
        </a>
        

        </div>
    </div>
    
    <div class="panel panel-default">
        

        <div class="list-group">
            
    
        <a href="../../other/faq.html" class="list-group-item ">
        

            FAQ

        
        </a>
        

        <a href="../../other/examples.html" class="list-group-item ">
        

            Examples

        
        </a>
        

        </div>
    </div>
    

                    </div>
                    <div class="col-md-9">
                        
<div id="book-search-results">
    <div class="search-noresults">
    
                            
                            <div class="gb-markdown book-page-inner">
                                <h1 id="&#x533F;&#x540D;&#x51FD;&#x6570;&#x548C;&#x95ED;&#x5305;">&#x533F;&#x540D;&#x51FD;&#x6570;&#x548C;&#x95ED;&#x5305;</h1>
<h4 id="&#x5728;&#x8BA1;&#x7B97;&#x673A;&#x79D1;&#x5B66;&#x4E2D;&#xFF0C;&#x95ED;&#x5305;&#x662F;&#x51FD;&#x6570;&#x7684;&#x975E;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#xFF08;&#x81EA;&#x7531;&#x53D8;&#x91CF;&#xFF09;&#x7684;&#x5F15;&#x7528;&#x73AF;&#x5883;&#x3002;">&#x5728;&#x8BA1;&#x7B97;&#x673A;&#x79D1;&#x5B66;&#x4E2D;&#xFF0C;&#x95ED;&#x5305;&#x662F;&#x51FD;&#x6570;&#x7684;&#x975E;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#xFF08;&#x81EA;&#x7531;&#x53D8;&#x91CF;&#xFF09;&#x7684;&#x5F15;&#x7528;&#x73AF;&#x5883;&#x3002;</h4>
<blockquote>
<p>&#x5305;&#x542B;&#x81EA;&#x7531;&#x53D8;&#x91CF;&#x7684;&#x51FD;&#x6570;&#x4E0E;&#x4E3A;&#x6240;&#x6709;&#x8FD9;&#x4E9B;&#x81EA;&#x7531;&#x53D8;&#x91CF;&#x63D0;&#x4F9B;&#x4E86;&#x53D8;&#x91CF;&#x7ED1;&#x5B9A;&#x7684;&#x73AF;&#x5883;&#x4E00;&#x8D77;,&#x88AB;&#x79F0;&#x4E3A;&#x95ED;&#x5305;&#x3002;</p>
<p>&#x4EE5;&#x4E0B;&#x5185;&#x5BB9;&#x4E3A;&#x5B66;&#x4E60;&#x7B14;&#x8BB0;&#xFF0C;&#x6765;&#x81EA;&#x674E;&#x708E;&#x6062;&#x8001;&#x5E08;&#x7684;&#x8BFE;&#x5802;&#x7EAA;&#x8981;&#x3002;</p>
</blockquote>
<h1 id="1&#x533F;&#x540D;&#x51FD;&#x6570;">1.&#x533F;&#x540D;&#x51FD;&#x6570;</h1>
<blockquote>
<h3 id="&#x666E;&#x901A;&#x51FD;&#x6570;">&#x666E;&#x901A;&#x51FD;&#x6570;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x51FD;&#x6570;&#x540D;&#x662F;box</span>
    <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;Lee&apos;</span>;
}
</code></pre>
<h3 id="&#x533F;&#x540D;&#x51FD;&#x6570;">&#x533F;&#x540D;&#x51FD;&#x6570;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x533F;&#x540D;&#x51FD;&#x6570;&#xFF0C;&#x4F1A;&#x62A5;&#x9519;</span>
    <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;Lee&apos;</span>;
}
</code></pre>
<h3 id="&#x901A;&#x8FC7;&#x8868;&#x8FBE;&#x5F0F;&#x81EA;&#x6211;&#x6267;&#x884C;">&#x901A;&#x8FC7;&#x8868;&#x8FBE;&#x5F0F;&#x81EA;&#x6211;&#x6267;&#x884C;</h3>
<pre><code class="lang-js">(<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x5C01;&#x88C5;&#x6210;&#x8868;&#x8FBE;&#x5F0F;</span>
    alert(<span class="hljs-string">&apos;Lee&apos;</span>);
})(); <span class="hljs-comment">//()&#x8868;&#x793A;&#x6267;&#x884C;&#x51FD;&#x6570;&#xFF0C;&#x5E76;&#x4E14;&#x4F20;&#x53C2;</span>
</code></pre>
<h3 id="&#x628A;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8D4B;&#x503C;&#x7ED9;&#x53D8;&#x91CF;">&#x628A;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8D4B;&#x503C;&#x7ED9;&#x53D8;&#x91CF;</h3>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> box = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x5C06;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8D4B;&#x7ED9;&#x53D8;&#x91CF;</span>
    <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;Lee&apos;</span>;
};
alert(box()); <span class="hljs-comment">//&#x8C03;&#x7528;&#x65B9;&#x5F0F;&#x548C;&#x51FD;&#x6570;&#x8C03;&#x7528;&#x76F8;&#x4F3C;</span>
</code></pre>
<h3 id="&#x51FD;&#x6570;&#x91CC;&#x7684;&#x533F;&#x540D;&#x51FD;&#x6570;">&#x51FD;&#x6570;&#x91CC;&#x7684;&#x533F;&#x540D;&#x51FD;&#x6570;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x51FD;&#x6570;&#x91CC;&#x7684;&#x533F;&#x540D;&#x51FD;&#x6570;&#xFF0C;&#x4EA7;&#x751F;&#x95ED;&#x5305;</span>
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;Lee&apos;</span>;
    }
}
alert(box()()); <span class="hljs-comment">//&#x8C03;&#x7528;&#x533F;&#x540D;&#x51FD;&#x6570;</span>
</code></pre>
</blockquote>
<h1 id="2&#x95ED;&#x5305;">2.&#x95ED;&#x5305;</h1>
<blockquote>
<p>&#x95ED;&#x5305;&#x662F;&#x6307;&#x6709;&#x6743;&#x8BBF;&#x95EE;&#x53E6;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x4F5C;&#x7528;&#x57DF;&#x4E2D;&#x7684;&#x53D8;&#x91CF;&#x7684;&#x51FD;&#x6570;&#xFF0C;&#x521B;&#x5EFA;&#x95ED;&#x5305;&#x7684;&#x5E38;&#x89C1;&#x7684;&#x65B9;&#x5F0F;&#xFF0C;&#x5C31;&#x662F;&#x5728;
&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x521B;&#x5EFA;&#x53E6;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#xFF0C;&#x901A;&#x8FC7;&#x53E6;&#x4E00;&#x4E2A;&#x51FD;&#x6570;&#x8BBF;&#x95EE;&#x8FD9;&#x4E2A;&#x51FD;&#x6570;&#x7684;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#x3002;</p>
<h3 id="&#x901A;&#x8FC7;&#x95ED;&#x5305;&#x53EF;&#x4EE5;&#x8FD4;&#x56DE;&#x5C40;&#x90E8;&#x53D8;&#x91CF;">&#x901A;&#x8FC7;&#x95ED;&#x5305;&#x53EF;&#x4EE5;&#x8FD4;&#x56DE;&#x5C40;&#x90E8;&#x53D8;&#x91CF;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> user = <span class="hljs-string">&apos;Lee&apos;</span>;
    <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x901A;&#x8FC7;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8FD4;&#x56DE;box()&#x5C40;&#x90E8;&#x53D8;&#x91CF;</span>
        <span class="hljs-keyword">return</span> user;
    };
}
alert(box()()); <span class="hljs-comment">//&#x901A;&#x8FC7;box()()&#x6765;&#x76F4;&#x63A5;&#x8C03;&#x7528;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8FD4;&#x56DE;&#x503C;</span>
<span class="hljs-keyword">var</span> b = box();
alert(b()); <span class="hljs-comment">//&#x53E6;&#x4E00;&#x79CD;&#x8C03;&#x7528;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8FD4;&#x56DE;&#x503C;</span>
</code></pre>
<p>&#x4F7F;&#x7528;&#x95ED;&#x5305;&#x6709;&#x4E00;&#x4E2A;&#x4F18;&#x70B9;&#xFF0C;&#x4E5F;&#x662F;&#x5B83;&#x7684;&#x7F3A;&#x70B9;&#xFF1A;&#x5C31;&#x662F;&#x53EF;&#x4EE5;&#x628A;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#x9A7B;&#x7559;&#x5728;&#x5185;&#x5B58;&#x4E2D;&#xFF0C;&#x53EF;&#x4EE5;&#x907F;&#x514D;&#x4F7F;
&#x7528;&#x5168;&#x5C40;&#x53D8;&#x91CF;&#x3002;(&#x5168;&#x5C40;&#x53D8;&#x91CF;&#x6C61;&#x67D3;&#x5BFC;&#x81F4;&#x5E94;&#x7528;&#x7A0B;&#x5E8F;&#x4E0D;&#x53EF;&#x9884;&#x6D4B;&#x6027;&#xFF0C;&#x6BCF;&#x4E2A;&#x6A21;&#x5757;&#x90FD;&#x53EF;&#x8C03;&#x7528;&#x5FC5;&#x5C06;&#x5F15;&#x6765;&#x707E;&#x96BE;&#xFF0C;
&#x6240;&#x4EE5;&#x63A8;&#x8350;&#x4F7F;&#x7528;&#x79C1;&#x6709;&#x7684;&#xFF0C;&#x5C01;&#x88C5;&#x7684;&#x5C40;&#x90E8;&#x53D8;&#x91CF;)&#x3002;</p>
<h3 id="&#x901A;&#x8FC7;&#x5168;&#x5C40;&#x53D8;&#x91CF;&#x6765;&#x7D2F;&#x52A0;">&#x901A;&#x8FC7;&#x5168;&#x5C40;&#x53D8;&#x91CF;&#x6765;&#x7D2F;&#x52A0;</h3>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>; <span class="hljs-comment">//&#x5168;&#x5C40;&#x53D8;&#x91CF;</span>
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    age ++; <span class="hljs-comment">//&#x6A21;&#x5757;&#x7EA7;&#x53EF;&#x4EE5;&#x8C03;&#x7528;&#x5168;&#x5C40;&#x53D8;&#x91CF;&#xFF0C;&#x8FDB;&#x884C;&#x7D2F;&#x52A0;</span>
}
box(); <span class="hljs-comment">//&#x6267;&#x884C;&#x51FD;&#x6570;&#xFF0C;&#x7D2F;&#x52A0;&#x4E86;</span>
alert(age); <span class="hljs-comment">//&#x8F93;&#x51FA;&#x5168;&#x5C40;&#x53D8;&#x91CF;</span>
<span class="hljs-comment">//&#x901A;&#x8FC7;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#x65E0;&#x6CD5;&#x5B9E;&#x73B0;&#x7D2F;&#x52A0;</span>
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>;
    age ++; <span class="hljs-comment">//&#x7D2F;&#x52A0;</span>
    <span class="hljs-keyword">return</span> age;
}
alert(box()); <span class="hljs-comment">//101</span>
alert(box()); <span class="hljs-comment">//101&#xFF0C;&#x65E0;&#x6CD5;&#x5B9E;&#x73B0;&#xFF0C;&#x56E0;&#x4E3A;&#x53C8;&#x88AB;&#x521D;&#x59CB;&#x5316;&#x4E86;</span>
</code></pre>
<h3 id="&#x901A;&#x8FC7;&#x95ED;&#x5305;&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#x7684;&#x7D2F;&#x52A0;">&#x901A;&#x8FC7;&#x95ED;&#x5305;&#x53EF;&#x4EE5;&#x5B9E;&#x73B0;&#x5C40;&#x90E8;&#x53D8;&#x91CF;&#x7684;&#x7D2F;&#x52A0;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>;
    <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        age ++;
        <span class="hljs-keyword">return</span> age;
    }
}
<span class="hljs-keyword">var</span> b = box(); <span class="hljs-comment">//&#x83B7;&#x5F97;&#x51FD;&#x6570;</span>
alert(b()); <span class="hljs-comment">//&#x8C03;&#x7528;&#x533F;&#x540D;&#x51FD;&#x6570;</span>
alert(b()); <span class="hljs-comment">//&#x7B2C;&#x4E8C;&#x6B21;&#x8C03;&#x7528;&#x533F;&#x540D;&#x51FD;&#x6570;&#xFF0C;&#x5B9E;&#x73B0;&#x7D2F;&#x52A0;</span>
</code></pre>
<h3 id="&#x5FAA;&#x73AF;&#x91CC;&#x5305;&#x542B;&#x533F;&#x540D;&#x51FD;&#x6570;">&#x5FAA;&#x73AF;&#x91CC;&#x5305;&#x542B;&#x533F;&#x540D;&#x51FD;&#x6570;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> arr = [];
    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; <span class="hljs-number">5</span>; i++) {
        arr[i] = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
            <span class="hljs-keyword">return</span> i;
        };
    }
    <span class="hljs-keyword">return</span> arr;
}
<span class="hljs-keyword">var</span> b = box(); <span class="hljs-comment">//&#x5F97;&#x5230;&#x51FD;&#x6570;&#x6570;&#x7EC4;</span>
alert(b.length); <span class="hljs-comment">//&#x5F97;&#x5230;&#x51FD;&#x6570;&#x96C6;&#x5408;&#x957F;&#x5EA6;</span>
<span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; b.length; i++) {
    alert(b[i]()); <span class="hljs-comment">//&#x8F93;&#x51FA;&#x6BCF;&#x4E2A;&#x51FD;&#x6570;&#x7684;&#x503C;&#xFF0C;&#x90FD;&#x662F;&#x6700;&#x540E;&#x4E00;&#x4E2A;&#x503C;</span>
}
</code></pre>
<p>&#x4E0A;&#x9762;&#x7684;&#x4F8B;&#x5B50;&#x8F93;&#x51FA;&#x7684;&#x7ED3;&#x679C;&#x90FD;&#x662F;5&#xFF0C;&#x4E5F;&#x5C31;&#x662F;&#x5FAA;&#x73AF;&#x540E;&#x5F97;&#x5230;&#x7684;&#x6700;&#x5927;&#x7684;i &#x503C;&#x3002;&#x56E0;&#x4E3A;b[i]&#x8C03;&#x7528;&#x7684;&#x662F;&#x533F;
&#x540D;&#x51FD;&#x6570;&#xFF0C;&#x533F;&#x540D;&#x51FD;&#x6570;&#x5E76;&#x6CA1;&#x6709;&#x81EA;&#x6211;&#x6267;&#x884C;&#xFF0C;&#x7B49;&#x5230;&#x8C03;&#x7528;&#x7684;&#x65F6;&#x5019;&#xFF0C;box()&#x5DF2;&#x6267;&#x884C;&#x5B8C;&#x6BD5;&#xFF0C;i &#x65E9;&#x5DF2;&#x53D8;&#x6210;5&#xFF0C;&#x6240;
&#x4EE5;&#x6700;&#x7EC8;&#x7684;&#x7ED3;&#x679C;&#x5C31;&#x662F;5 &#x4E2A;5&#x3002;</p>
<h3 id="&#x5FAA;&#x73AF;&#x91CC;&#x5305;&#x542B;&#x533F;&#x540D;&#x51FD;&#x6570;-&#x6539;1&#xFF0C;&#x81EA;&#x6211;&#x6267;&#x884C;&#x533F;&#x540D;&#x51FD;&#x6570;">&#x5FAA;&#x73AF;&#x91CC;&#x5305;&#x542B;&#x533F;&#x540D;&#x51FD;&#x6570;-&#x6539;1&#xFF0C;&#x81EA;&#x6211;&#x6267;&#x884C;&#x533F;&#x540D;&#x51FD;&#x6570;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> arr = [];
    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; <span class="hljs-number">5</span>; i++) {
        arr[i] = (<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">num</span>) </span>{ <span class="hljs-comment">//&#x81EA;&#x6211;&#x6267;&#x884C;</span>
            <span class="hljs-keyword">return</span> num;
        })(i); <span class="hljs-comment">//&#x5E76;&#x4E14;&#x4F20;&#x53C2;</span>
    }
    <span class="hljs-keyword">return</span> arr;
}
<span class="hljs-keyword">var</span> b = box();
<span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; b.length; i++) {
    alert(b[i]); <span class="hljs-comment">//&#x8FD9;&#x91CC;&#x8FD4;&#x56DE;&#x7684;&#x662F;&#x6570;&#x7EC4;&#xFF0C;&#x76F4;&#x63A5;&#x6253;&#x5370;&#x5373;&#x53EF;</span>
}
</code></pre>
<p>&#x6539;1 &#x4E2D;&#xFF0C;&#x6211;&#x4EEC;&#x8BA9;&#x533F;&#x540D;&#x51FD;&#x6570;&#x8FDB;&#x884C;&#x81EA;&#x6211;&#x6267;&#x884C;&#xFF0C;&#x5BFC;&#x81F4;&#x6700;&#x7EC8;&#x8FD4;&#x56DE;&#x7ED9;a[i]&#x7684;&#x662F;&#x6570;&#x7EC4;&#x800C;&#x4E0D;&#x662F;&#x51FD;&#x6570;&#x4E86;&#x3002;
&#x6700;&#x7EC8;&#x5BFC;&#x81F4;b[0]-b[4]&#x4E2D;&#x4FDD;&#x7559;&#x4E86;0,1,2,3,4 &#x7684;&#x503C;&#x3002;</p>
<h3 id="&#x5FAA;&#x73AF;&#x91CC;&#x5305;&#x542B;&#x533F;&#x540D;&#x51FD;&#x6570;-&#x6539;2&#xFF0C;&#x533F;&#x540D;&#x51FD;&#x6570;&#x4E0B;&#x518D;&#x505A;&#x4E2A;&#x533F;&#x540D;&#x51FD;">&#x5FAA;&#x73AF;&#x91CC;&#x5305;&#x542B;&#x533F;&#x540D;&#x51FD;&#x6570;-&#x6539;2&#xFF0C;&#x533F;&#x540D;&#x51FD;&#x6570;&#x4E0B;&#x518D;&#x505A;&#x4E2A;&#x533F;&#x540D;&#x51FD;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> arr = [];
    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; <span class="hljs-number">5</span>; i++) {
        arr[i] = (<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">num</span>) </span>{
            <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x76F4;&#x63A5;&#x8FD4;&#x56DE;&#x503C;&#xFF0C;&#x6539;2 &#x53D8;&#x6210;&#x8FD4;&#x56DE;&#x51FD;&#x6570;</span>
                <span class="hljs-keyword">return</span> num; <span class="hljs-comment">//&#x539F;&#x7406;&#x548C;&#x6539;1 &#x4E00;&#x6837;</span>
            }
        })(i);
    }
    <span class="hljs-keyword">return</span> arr;
}
<span class="hljs-keyword">var</span> b = box();
<span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i &lt; b.length; i++) {
    alert(b[i]()); <span class="hljs-comment">//&#x8FD9;&#x91CC;&#x901A;&#x8FC7;b[i]()&#x51FD;&#x6570;&#x8C03;&#x7528;&#x5373;&#x53EF;</span>
}
</code></pre>
<p>&#x6539;1 &#x548C;&#x6539;2 &#x4E2D;&#xFF0C;&#x6211;&#x4EEC;&#x901A;&#x8FC7;&#x533F;&#x540D;&#x51FD;&#x6570;&#x81EA;&#x6211;&#x6267;&#x884C;&#xFF0C;&#x7ACB;&#x5373;&#x628A;&#x7ED3;&#x679C;&#x8D4B;&#x503C;&#x7ED9;a[i]&#x3002;&#x6BCF;&#x4E00;&#x4E2A;i&#xFF0C;&#x662F;&#x8C03;
&#x7528;&#x65B9;&#x901A;&#x8FC7;&#x6309;&#x503C;&#x4F20;&#x9012;&#x7684;&#xFF0C;&#x6240;&#x4EE5;&#x6700;&#x7EC8;&#x8FD4;&#x56DE;&#x7684;&#x90FD;&#x662F;&#x6307;&#x5B9A;&#x7684;&#x9012;&#x589E;&#x7684;i&#x3002;&#x800C;&#x4E0D;&#x662F;box()&#x51FD;&#x6570;&#x91CC;&#x7684;i&#x3002;
&#x5173;&#x4E8E;this &#x5BF9;&#x8C61;
&#x5728;&#x95ED;&#x5305;&#x4E2D;&#x4F7F;&#x7528;this &#x5BF9;&#x8C61;&#x4E5F;&#x53EF;&#x80FD;&#x4F1A;&#x5BFC;&#x81F4;&#x4E00;&#x4E9B;&#x95EE;&#x9898;&#xFF0C;this &#x5BF9;&#x8C61;&#x662F;&#x5728;&#x8FD0;&#x884C;&#x65F6;&#x57FA;&#x4E8E;&#x51FD;&#x6570;&#x7684;&#x6267;&#x884C;&#x73AF;
&#x5883;&#x7ED1;&#x5B9A;&#x7684;&#xFF0C;&#x5982;&#x679C;this &#x5728;&#x5168;&#x5C40;&#x8303;&#x56F4;&#x5C31;&#x662F;window&#xFF0C;&#x5982;&#x679C;&#x5728;&#x5BF9;&#x8C61;&#x5185;&#x90E8;&#x5C31;&#x6307;&#x5411;&#x8FD9;&#x4E2A;&#x5BF9;&#x8C61;&#x3002;&#x800C;&#x95ED;&#x5305;&#x5374;
&#x5728;&#x8FD0;&#x884C;&#x65F6;&#x6307;&#x5411;window &#x7684;&#xFF0C;&#x56E0;&#x4E3A;&#x95ED;&#x5305;&#x5E76;&#x4E0D;&#x5C5E;&#x4E8E;&#x8FD9;&#x4E2A;&#x5BF9;&#x8C61;&#x7684;&#x5C5E;&#x6027;&#x6216;&#x65B9;&#x6CD5;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> user = <span class="hljs-string">&apos;The Window&apos;</span>;
<span class="hljs-keyword">var</span> obj = {
    user : <span class="hljs-string">&apos;The Object&apos;</span>,
    getUserFunction : <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x95ED;&#x5305;&#x4E0D;&#x5C5E;&#x4E8E;obj&#xFF0C;&#x91CC;&#x9762;&#x7684;this &#x6307;&#x5411;window</span>
            <span class="hljs-keyword">return</span> <span class="hljs-keyword">this</span>.user;
        };
    }
};
alert(obj.getUserFunction()()); <span class="hljs-comment">//The window</span>
<span class="hljs-comment">//&#x53EF;&#x4EE5;&#x5F3A;&#x5236;&#x6307;&#x5411;&#x67D0;&#x4E2A;&#x5BF9;&#x8C61;</span>
alert(obj.getUserFunction().call(obj)); <span class="hljs-comment">//The Object</span>
<span class="hljs-comment">//&#x4E5F;&#x53EF;&#x4EE5;&#x4ECE;&#x4E0A;&#x4E00;&#x4E2A;&#x4F5C;&#x7528;&#x57DF;&#x4E2D;&#x5F97;&#x5230;&#x5BF9;&#x8C61;</span>
getUserFunction : <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> that = <span class="hljs-keyword">this</span>; <span class="hljs-comment">//&#x4ECE;&#x5BF9;&#x8C61;&#x7684;&#x65B9;&#x6CD5;&#x91CC;&#x5F97;&#x5BF9;&#x8C61;</span>
    <span class="hljs-keyword">return</span> <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> that.user;
    };
}
</code></pre>
<h3 id="&#x5185;&#x5B58;&#x6CC4;&#x6F0F;">&#x5185;&#x5B58;&#x6CC4;&#x6F0F;</h3>
<p>&#x7531;&#x4E8E;IE &#x7684;JScript &#x5BF9;&#x8C61;&#x548C;DOM &#x5BF9;&#x8C61;&#x4F7F;&#x7528;&#x4E0D;&#x540C;&#x7684;&#x5783;&#x573E;&#x6536;&#x96C6;&#x65B9;&#x5F0F;&#xFF0C;&#x56E0;&#x6B64;&#x95ED;&#x5305;&#x5728;IE &#x4E2D;&#x4F1A;&#x5BFC;&#x81F4;
&#x4E00;&#x4E9B;&#x95EE;&#x9898;&#x3002;&#x5C31;&#x662F;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#x7684;&#x95EE;&#x9898;&#xFF0C;&#x4E5F;&#x5C31;&#x662F;&#x65E0;&#x6CD5;&#x9500;&#x6BC1;&#x9A7B;&#x7559;&#x5728;&#x5185;&#x5B58;&#x4E2D;&#x7684;&#x5143;&#x7D20;&#x3002;&#x4EE5;&#x4E0B;&#x4EE3;&#x7801;&#x6709;&#x4E24;&#x4E2A;&#x77E5;
&#x8BC6;&#x70B9;&#x8FD8;&#x6CA1;&#x6709;&#x5B66;&#x4E60;&#x5230;&#xFF0C;&#x4E00;&#x4E2A;&#x662F;DOM&#xFF0C;&#x4E00;&#x4E2A;&#x662F;&#x4E8B;&#x4EF6;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> oDiv = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">&apos;oDiv&apos;</span>); <span class="hljs-comment">//oDiv &#x7528;&#x5B8C;&#x4E4B;&#x540E;&#x4E00;&#x76F4;&#x9A7B;&#x7559;&#x5728;&#x5185;&#x5B58;</span>
    oDiv.onclick = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        alert(oDiv.innerHTML); <span class="hljs-comment">//&#x8FD9;&#x91CC;&#x7528;oDiv &#x5BFC;&#x81F4;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;</span>
    };
}
box();
</code></pre>
<p>&#x90A3;&#x4E48;&#x5728;&#x6700;&#x540E;&#x5E94;&#x8BE5;&#x5C06;oDiv &#x89E3;&#x9664;&#x5F15;&#x7528;&#x6765;&#x907F;&#x514D;&#x5185;&#x5B58;&#x6CC4;&#x6F0F;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> oDiv = <span class="hljs-built_in">document</span>.getElementById(<span class="hljs-string">&apos;oDiv&apos;</span>);
    <span class="hljs-keyword">var</span> text = oDiv.innerHTML;
    oDiv.onclick = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        alert(text);
    };
    oDiv = <span class="hljs-literal">null</span>; <span class="hljs-comment">//&#x89E3;&#x9664;&#x5F15;&#x7528;</span>
}
</code></pre>
<p>PS&#xFF1A;&#x5982;&#x679C;&#x5E76;&#x6CA1;&#x6709;&#x4F7F;&#x7528;&#x89E3;&#x9664;&#x5F15;&#x7528;&#xFF0C;&#x90A3;&#x4E48;&#x9700;&#x8981;&#x7B49;&#x5230;&#x6D4F;&#x89C8;&#x5668;&#x5173;&#x95ED;&#x624D;&#x5F97;&#x4EE5;&#x91CA;&#x653E;&#x3002;
&#x6A21;&#x4EFF;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;
JavaScript &#x6CA1;&#x6709;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#x7684;&#x6982;&#x5FF5;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params">count</span>) </span>{
    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i=<span class="hljs-number">0</span>; i&lt;count; i++) {}
    alert(i); <span class="hljs-comment">//i &#x4E0D;&#x4F1A;&#x56E0;&#x4E3A;&#x79BB;&#x5F00;&#x4E86;for &#x5757;&#x5C31;&#x5931;&#x6548;</span>
}
box(<span class="hljs-number">2</span>);
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params">count</span>) </span>{
    <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i=<span class="hljs-number">0</span>; i&lt;count; i++) {}
    <span class="hljs-keyword">var</span> i; <span class="hljs-comment">//&#x5C31;&#x7B97;&#x91CD;&#x65B0;&#x58F0;&#x660E;&#xFF0C;&#x4E5F;&#x4E0D;&#x4F1A;&#x524D;&#x9762;&#x7684;&#x503C;</span>
    alert(i);
}
box(<span class="hljs-number">2</span>);
</code></pre>
<p>&#x4EE5;&#x4E0A;&#x4E24;&#x4E2A;&#x4F8B;&#x5B50;&#xFF0C;&#x8BF4;&#x660E;JavaScript &#x6CA1;&#x6709;&#x5757;&#x7EA7;&#x8BED;&#x53E5;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;if () {} for () {}&#x7B49;&#x6CA1;&#x6709;&#x4F5C;&#x7528;&#x57DF;&#xFF0C;
&#x5982;&#x679C;&#x6709;&#xFF0C;&#x51FA;&#x4E86;&#x8FD9;&#x4E2A;&#x8303;&#x56F4;i &#x5C31;&#x5E94;&#x8BE5;&#x88AB;&#x9500;&#x6BC1;&#x4E86;&#x3002;&#x5C31;&#x7B97;&#x91CD;&#x65B0;&#x58F0;&#x660E;&#x540C;&#x4E00;&#x4E2A;&#x53D8;&#x91CF;&#x4E5F;&#x4E0D;&#x4F1A;&#x6539;&#x53D8;&#x5B83;&#x7684;&#x503C;&#x3002;
JavaScript &#x4E0D;&#x4F1A;&#x63D0;&#x9192;&#x4F60;&#x662F;&#x5426;&#x591A;&#x6B21;&#x58F0;&#x660E;&#x4E86;&#x540C;&#x4E00;&#x4E2A;&#x53D8;&#x91CF;&#xFF1B;&#x9047;&#x5230;&#x8FD9;&#x79CD;&#x60C5;&#x51B5;&#xFF0C;&#x5B83;&#x53EA;&#x4F1A;&#x5BF9;&#x540E;&#x7EED;&#x7684;&#x58F0;
&#x660E;&#x89C6;&#x800C;&#x4E0D;&#x89C1;(&#x5982;&#x679C;&#x521D;&#x59CB;&#x5316;&#x4E86;&#xFF0C;&#x5F53;&#x7136;&#x8FD8;&#x4F1A;&#x6267;&#x884C;&#x7684;)&#x3002;&#x4F7F;&#x7528;&#x6A21;&#x4EFF;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#x53EF;&#x907F;&#x514D;&#x8FD9;&#x4E2A;&#x95EE;&#x9898;&#x3002;</p>
<h3 id="&#x6A21;&#x4EFF;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;">&#x6A21;&#x4EFF;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;(&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;)</h3>
<pre><code class="lang-js">(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
<span class="hljs-comment">//&#x8FD9;&#x91CC;&#x662F;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;</span>
})();
<span class="hljs-comment">//&#x4F7F;&#x7528;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;(&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;)&#x6539;&#x5199;</span>
<span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params">count</span>) </span>{
    (<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">for</span> (<span class="hljs-keyword">var</span> i = <span class="hljs-number">0</span>; i&lt;count; i++) {}
    })();
    alert(i); <span class="hljs-comment">//&#x62A5;&#x9519;&#xFF0C;&#x65E0;&#x6CD5;&#x8BBF;&#x95EE;</span>
}
box(<span class="hljs-number">2</span>);
</code></pre>
<p>&#x4F7F;&#x7528;&#x4E86;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;(&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;)&#x540E;&#xFF0C;&#x533F;&#x540D;&#x51FD;&#x6570;&#x4E2D;&#x5B9A;&#x4E49;&#x7684;&#x4EFB;&#x4F55;&#x53D8;&#x91CF;&#xFF0C;&#x90FD;&#x4F1A;&#x5728;&#x6267;&#x884C;&#x7ED3;&#x675F;&#x65F6;&#x88AB;
&#x9500;&#x6BC1;&#x3002;&#x8FD9;&#x79CD;&#x6280;&#x672F;&#x7ECF;&#x5E38;&#x5728;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x4E2D;&#x88AB;&#x7528;&#x5728;&#x51FD;&#x6570;&#x5916;&#x90E8;&#xFF0C;&#x4ECE;&#x800C;&#x9650;&#x5236;&#x5411;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x4E2D;&#x6DFB;&#x52A0;&#x8FC7;&#x591A;&#x7684;
&#x53D8;&#x91CF;&#x548C;&#x51FD;&#x6570;&#x3002;&#x4E00;&#x822C;&#x6765;&#x8BF4;&#xFF0C;&#x6211;&#x4EEC;&#x90FD;&#x5E94;&#x8BE5;&#x5C3D;&#x53EF;&#x80FD;&#x5C11;&#x5411;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x4E2D;&#x6DFB;&#x52A0;&#x53D8;&#x91CF;&#x548C;&#x51FD;&#x6570;&#x3002;&#x5728;&#x5927;&#x578B;&#x9879;&#x76EE;
&#x4E2D;&#xFF0C;&#x591A;&#x4EBA;&#x5F00;&#x53D1;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x8FC7;&#x591A;&#x7684;&#x5168;&#x5C40;&#x53D8;&#x91CF;&#x548C;&#x51FD;&#x6570;&#x5F88;&#x5BB9;&#x6613;&#x5BFC;&#x81F4;&#x547D;&#x540D;&#x51B2;&#x7A81;&#xFF0C;&#x5F15;&#x8D77;&#x707E;&#x96BE;&#x6027;&#x7684;&#x540E;&#x679C;&#x3002;&#x5982;
&#x679C;&#x91C7;&#x7528;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;(&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;)&#xFF0C;&#x6BCF;&#x4E2A;&#x5F00;&#x53D1;&#x8005;&#x65E2;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#x81EA;&#x5DF1;&#x7684;&#x53D8;&#x91CF;&#xFF0C;&#x53C8;&#x4E0D;&#x5FC5;&#x62C5;&#x5FC3;&#x641E;&#x4E71;&#x5168;&#x5C40;
&#x4F5C;&#x7528;&#x57DF;&#x3002;</p>
<pre><code class="lang-js">(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> box = [<span class="hljs-number">1</span>,<span class="hljs-number">2</span>,<span class="hljs-number">3</span>,<span class="hljs-number">4</span>];
    alert(box); <span class="hljs-comment">//box &#x51FA;&#x6765;&#x5C31;&#x4E0D;&#x8BA4;&#x8BC6;&#x4E86;</span>
})();
</code></pre>
<p>&#x5728;&#x5168;&#x5C40;&#x4F5C;&#x7528;&#x57DF;&#x4E2D;&#x4F7F;&#x7528;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;&#x53EF;&#x4EE5;&#x51CF;&#x5C11;&#x95ED;&#x5305;&#x5360;&#x7528;&#x7684;&#x5185;&#x5B58;&#x95EE;&#x9898;&#xFF0C;&#x56E0;&#x4E3A;&#x6CA1;&#x6709;&#x6307;&#x5411;&#x533F;&#x540D;&#x51FD;&#x6570;
&#x7684;&#x5F15;&#x7528;&#x3002;&#x53EA;&#x8981;&#x51FD;&#x6570;&#x6267;&#x884C;&#x5B8C;&#x6BD5;&#xFF0C;&#x5C31;&#x53EF;&#x4EE5;&#x7ACB;&#x5373;&#x9500;&#x6BC1;&#x5176;&#x4F5C;&#x7528;&#x57DF;&#x94FE;&#x4E86;&#x3002;
&#x79C1;&#x6709;&#x53D8;&#x91CF;
JavaScript &#x6CA1;&#x6709;&#x79C1;&#x6709;&#x5C5E;&#x6027;&#x7684;&#x6982;&#x5FF5;&#xFF1B;&#x6240;&#x6709;&#x7684;&#x5BF9;&#x8C61;&#x5C5E;&#x6027;&#x90FD;&#x662F;&#x516C;&#x6709;&#x7684;&#x3002;&#x4E0D;&#x8FC7;&#xFF0C;&#x5374;&#x6709;&#x4E00;&#x4E2A;&#x79C1;&#x6709;&#x53D8;
&#x91CF;&#x7684;&#x6982;&#x5FF5;&#x3002;&#x4EFB;&#x4F55;&#x5728;&#x51FD;&#x6570;&#x4E2D;&#x5B9A;&#x4E49;&#x7684;&#x53D8;&#x91CF;&#xFF0C;&#x90FD;&#x53EF;&#x4EE5;&#x8BA4;&#x4E3A;&#x662F;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#xFF0C;&#x56E0;&#x4E3A;&#x4E0D;&#x80FD;&#x5728;&#x51FD;&#x6570;&#x7684;&#x5916;&#x90E8;&#x8BBF;&#x95EE;
&#x8FD9;&#x4E9B;&#x53D8;&#x91CF;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>; <span class="hljs-comment">//&#x79C1;&#x6709;&#x53D8;&#x91CF;&#xFF0C;&#x5916;&#x90E8;&#x65E0;&#x6CD5;&#x8BBF;&#x95EE;</span>
}
</code></pre>
<p>&#x800C;&#x901A;&#x8FC7;&#x51FD;&#x6570;&#x5185;&#x90E8;&#x521B;&#x5EFA;&#x4E00;&#x4E2A;&#x95ED;&#x5305;&#xFF0C;&#x90A3;&#x4E48;&#x95ED;&#x5305;&#x901A;&#x8FC7;&#x81EA;&#x5DF1;&#x7684;&#x4F5C;&#x7528;&#x57DF;&#x94FE;&#x4E5F;&#x53EF;&#x4EE5;&#x8BBF;&#x95EE;&#x8FD9;&#x4E9B;&#x53D8;&#x91CF;&#x3002;&#x800C;
&#x5229;&#x7528;&#x8FD9;&#x4E00;&#x70B9;&#xFF0C;&#x53EF;&#x4EE5;&#x521B;&#x5EFA;&#x7528;&#x4E8E;&#x8BBF;&#x95EE;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#x7684;&#x516C;&#x6709;&#x65B9;&#x6CD5;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Box</span>(<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>; <span class="hljs-comment">//&#x79C1;&#x6709;&#x53D8;&#x91CF;</span>
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">run</span>(<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x79C1;&#x6709;&#x51FD;&#x6570;</span>
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;&#x8FD0;&#x884C;&#x4E2D;...&apos;</span>;
    }
    <span class="hljs-keyword">this</span>.get = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x5BF9;&#x5916;&#x516C;&#x5171;&#x7684;&#x7279;&#x6743;&#x65B9;&#x6CD5;</span>
        <span class="hljs-keyword">return</span> age + run();
    };
}
<span class="hljs-keyword">var</span> box = <span class="hljs-keyword">new</span> Box();
alert(box.get());
</code></pre>
<h3 id="&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x6784;&#x9020;&#x65B9;&#x6CD5;&#x4F20;&#x53C2;&#x6765;&#x8BBF;&#x95EE;&#x79C1;&#x6709;&#x53D8;&#x91CF;">&#x53EF;&#x4EE5;&#x901A;&#x8FC7;&#x6784;&#x9020;&#x65B9;&#x6CD5;&#x4F20;&#x53C2;&#x6765;&#x8BBF;&#x95EE;&#x79C1;&#x6709;&#x53D8;&#x91CF;</h3>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Person</span>(<span class="hljs-params">value</span>) </span>{
    <span class="hljs-keyword">var</span> user = value; <span class="hljs-comment">//&#x8FD9;&#x53E5;&#x5176;&#x5B9E;&#x53EF;&#x4EE5;&#x7701;&#x7565;</span>
    <span class="hljs-keyword">this</span>.getUser = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> user;
    };
    <span class="hljs-keyword">this</span>.setUser = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value</span>) </span>{
        user = value;
    };
}
</code></pre>
<p>&#x4F46;&#x662F;&#x5BF9;&#x8C61;&#x7684;&#x65B9;&#x6CD5;&#xFF0C;&#x5728;&#x591A;&#x6B21;&#x8C03;&#x7528;&#x7684;&#x65F6;&#x5019;&#xFF0C;&#x4F1A;&#x591A;&#x6B21;&#x521B;&#x5EFA;&#x3002;&#x53EF;&#x4EE5;&#x4F7F;&#x7528;&#x9759;&#x6001;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#x6765;&#x907F;&#x514D;&#x8FD9;&#x4E2A;
&#x95EE;&#x9898;&#x3002;
&#x9759;&#x6001;&#x79C1;&#x6709;&#x53D8;&#x91CF;
&#x901A;&#x8FC7;&#x5757;&#x7EA7;&#x4F5C;&#x7528;&#x57DF;(&#x79C1;&#x6709;&#x4F5C;&#x7528;&#x57DF;)&#x4E2D;&#x5B9A;&#x4E49;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#x6216;&#x51FD;&#x6570;&#xFF0C;&#x540C;&#x6837;&#x53EF;&#x4EE5;&#x521B;&#x5EFA;&#x5BF9;&#x5916;&#x516C;&#x5171;&#x7684;&#x7279;&#x6743;&#x65B9;
&#x6CD5;&#x3002;</p>
<pre><code class="lang-js">(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>;
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">run</span>(<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;&#x8FD0;&#x884C;&#x4E2D;...&apos;</span>;
    }
    Box = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{}; <span class="hljs-comment">//&#x6784;&#x9020;&#x65B9;&#x6CD5;</span>
    Box.prototype.go = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x539F;&#x578B;&#x65B9;&#x6CD5;</span>
        <span class="hljs-keyword">return</span> age + run();
    };
})();
<span class="hljs-keyword">var</span> box = <span class="hljs-keyword">new</span> Box();
alert(box.go());
</code></pre>
<p>&#x4E0A;&#x9762;&#x7684;&#x5BF9;&#x8C61;&#x58F0;&#x660E;&#xFF0C;&#x91C7;&#x7528;&#x7684;&#x662F;Box = function () {} &#x800C;&#x4E0D;&#x662F;function Box() {} &#x56E0;&#x4E3A;&#x5982;&#x679C;&#x7528;&#x540E;
&#x9762;&#x8FD9;&#x79CD;&#xFF0C;&#x5C31;&#x53D8;&#x6210;&#x79C1;&#x6709;&#x51FD;&#x6570;&#x4E86;&#xFF0C;&#x65E0;&#x6CD5;&#x5728;&#x5168;&#x5C40;&#x8BBF;&#x95EE;&#x5230;&#x4E86;&#xFF0C;&#x6240;&#x4EE5;&#x4F7F;&#x7528;&#x4E86;&#x524D;&#x9762;&#x8FD9;&#x79CD;&#x3002;</p>
<pre><code class="lang-js">(<span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> user = <span class="hljs-string">&apos;&apos;</span>;
    Person = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value</span>) </span>{
        user = value;
    };
    Person.prototype.getUser = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> user;
    };
    Person.prototype.setUser = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params">value</span>) </span>{
        user = value;
    }
})();
</code></pre>
<p>&#x4F7F;&#x7528;&#x4E86;prototype &#x5BFC;&#x81F4;&#x65B9;&#x6CD5;&#x5171;&#x4EAB;&#x4E86;&#xFF0C;&#x800C;user &#x4E5F;&#x5C31;&#x53D8;&#x6210;&#x9759;&#x6001;&#x5C5E;&#x6027;&#x4E86;&#x3002;(&#x6240;&#x8C13;&#x9759;&#x6001;&#x5C5E;&#x6027;&#xFF0C;&#x5373;&#x5171;
&#x4EAB;&#x4E8E;&#x4E0D;&#x540C;&#x5BF9;&#x8C61;&#x4E2D;&#x7684;&#x5C5E;&#x6027;)&#x3002;
&#x6A21;&#x5757;&#x6A21;&#x5F0F;
&#x4E4B;&#x524D;&#x91C7;&#x7528;&#x7684;&#x90FD;&#x662F;&#x6784;&#x9020;&#x51FD;&#x6570;&#x7684;&#x65B9;&#x5F0F;&#x6765;&#x521B;&#x5EFA;&#x79C1;&#x6709;&#x53D8;&#x91CF;&#x548C;&#x7279;&#x6743;&#x65B9;&#x6CD5;&#x3002;&#x90A3;&#x4E48;&#x5BF9;&#x8C61;&#x5B57;&#x9762;&#x91CF;&#x65B9;&#x5F0F;&#x5C31;&#x91C7;
&#x7528;&#x6A21;&#x5757;&#x6A21;&#x5F0F;&#x6765;&#x521B;&#x5EFA;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> box = { <span class="hljs-comment">//&#x5B57;&#x9762;&#x91CF;&#x5BF9;&#x8C61;&#xFF0C;&#x4E5F;&#x662F;&#x5355;&#x4F8B;&#x5BF9;&#x8C61;</span>
    age : <span class="hljs-number">100</span>, <span class="hljs-comment">//&#x8FD9;&#x662F;&#x516C;&#x6709;&#x5C5E;&#x6027;&#xFF0C;&#x5C06;&#x8981;&#x6539;&#x6210;&#x79C1;&#x6709;</span>
    run : <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{ <span class="hljs-comment">//&#x8FD9;&#x65F6;&#x516C;&#x6709;&#x51FD;&#x6570;&#xFF0C;&#x5C06;&#x8981;&#x6539;&#x6210;&#x79C1;&#x6709;</span>
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;&#x8FD0;&#x884C;&#x4E2D;...&apos;</span>;
    };
};
</code></pre>
<h3 id="&#x79C1;&#x6709;&#x5316;&#x53D8;&#x91CF;&#x548C;&#x51FD;&#x6570;">&#x79C1;&#x6709;&#x5316;&#x53D8;&#x91CF;&#x548C;&#x51FD;&#x6570;</h3>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> box = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>;
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">run</span>(<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;&#x8FD0;&#x884C;&#x4E2D;...&apos;</span>;
    }
    <span class="hljs-keyword">return</span> { <span class="hljs-comment">//&#x76F4;&#x63A5;&#x8FD4;&#x56DE;&#x5BF9;&#x8C61;</span>
        go : <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
            <span class="hljs-keyword">return</span> age + run();
        }
    };
}();
</code></pre>
<p>&#x4E0A;&#x9762;&#x7684;&#x76F4;&#x63A5;&#x8FD4;&#x56DE;&#x5BF9;&#x8C61;&#x7684;&#x4F8B;&#x5B50;&#xFF0C;&#x4E5F;&#x53EF;&#x4EE5;&#x8FD9;&#x4E48;&#x5199;</p>
<pre><code class="lang-js"><span class="hljs-keyword">var</span> box = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>;
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">run</span>(<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;&#x8FD0;&#x884C;&#x4E2D;...&apos;</span>;
    }
    <span class="hljs-keyword">var</span> obj = { <span class="hljs-comment">//&#x521B;&#x5EFA;&#x5B57;&#x9762;&#x91CF;&#x5BF9;&#x8C61;</span>
        go : <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
            <span class="hljs-keyword">return</span> age + run();
        }
    };
    <span class="hljs-keyword">return</span> obj; <span class="hljs-comment">//&#x8FD4;&#x56DE;&#x8FD9;&#x4E2A;&#x5BF9;&#x8C61;</span>
}();
</code></pre>
<p>&#x5B57;&#x9762;&#x91CF;&#x7684;&#x5BF9;&#x8C61;&#x58F0;&#x660E;&#xFF0C;&#x5176;&#x5B9E;&#x5728;&#x8BBE;&#x8BA1;&#x6A21;&#x5F0F;&#x4E2D;&#x53EF;&#x4EE5;&#x770B;&#x4F5C;&#x662F;&#x4E00;&#x79CD;&#x5355;&#x4F8B;&#x6A21;&#x5F0F;&#xFF0C;&#x6240;&#x8C13;&#x5355;&#x4F8B;&#x6A21;&#x5F0F;&#xFF0C;&#x5C31;&#x662F;
&#x6C38;&#x8FDC;&#x4FDD;&#x6301;&#x5BF9;&#x8C61;&#x7684;&#x4E00;&#x4E2A;&#x5B9E;&#x4F8B;&#x3002;
&#x589E;&#x5F3A;&#x7684;&#x6A21;&#x5757;&#x6A21;&#x5F0F;&#xFF0C;&#x8FD9;&#x79CD;&#x6A21;&#x5F0F;&#x9002;&#x5408;&#x8FD4;&#x56DE;&#x81EA;&#x5B9A;&#x4E49;&#x5BF9;&#x8C61;&#xFF0C;&#x4E5F;&#x5C31;&#x662F;&#x6784;&#x9020;&#x51FD;&#x6570;&#x3002;</p>
<pre><code class="lang-js"><span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">Desk</span>(<span class="hljs-params"></span>) </span>{};
<span class="hljs-keyword">var</span> box = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
    <span class="hljs-keyword">var</span> age = <span class="hljs-number">100</span>;
    <span class="hljs-function"><span class="hljs-keyword">function</span> <span class="hljs-title">run</span>(<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> <span class="hljs-string">&apos;&#x8FD0;&#x884C;&#x4E2D;...&apos;</span>;
    }
    <span class="hljs-keyword">var</span> desk = <span class="hljs-keyword">new</span> Desk(); <span class="hljs-comment">//&#x53EF;&#x4EE5;&#x5B9E;&#x4F8B;&#x5316;&#x7279;&#x5B9A;&#x7684;&#x5BF9;&#x8C61;</span>
    desk.go = <span class="hljs-function"><span class="hljs-keyword">function</span> (<span class="hljs-params"></span>) </span>{
        <span class="hljs-keyword">return</span> age + run();
    };
    <span class="hljs-keyword">return</span> desk;
}();
alert(box.go());
</code></pre>
</blockquote>

                            </div>
                            
<hr>
<div class="btn-group btn-group-justified">
    
    <a class="btn" href="03.html"><b>上一页:</b> 写给初级JS程序员的JavaScript闭包(译)</a>
    
    
    <a class="btn" href="05.html"><b>下一页:</b> instanceof运算符</a>
    
</div>

                        
    </div>
    <div class="search-results">
        <div class="has-results">
            
            <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
            <ul class="search-results-list"></ul>
            
        </div>
        <div class="no-results">
            
            <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
            
        </div>
    </div>
</div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <footer class="gb-page-footer">
        <div class="container">
            <ul class="menu">
                <li class="pull-right">
                    <span class="service-info">Copyright GitBook 2018</span>
                </li>
                <li>
                    <a href="#">Return to the top</a>
                </li>
                <li>
                    <a href="#">Updated May 30th 18</a>
                </li>
            </ul>
        </div>
    </footer>
</div>

<script src="../../gitbook/gitbook.js"></script>

    
    <script src="../../gitbook/gitbook-plugin-search-pro/jquery.mark.min.js"></script>
    

    <script src="../../gitbook/gitbook-plugin-search-pro/search.js"></script>
    

    <script src="../../gitbook/gitbook-plugin-lunr/lunr.min.js"></script>
    

    <script src="../../gitbook/gitbook-plugin-lunr/search-lunr.js"></script>
    

<script>
(function() {
    gitbook.page.hasChanged({"page":{"title":"匿名函数和闭包","level":"2.1.7","depth":2,"next":{"title":"instanceof运算符","level":"2.1.8","depth":2,"path":"JavaScript/principle/05.md","ref":"JavaScript/principle/05.md","articles":[]},"previous":{"title":"写给初级JS程序员的JavaScript闭包(译)","level":"2.1.6","depth":2,"path":"JavaScript/principle/03.md","ref":"JavaScript/principle/03.md","articles":[]},"dir":"ltr"},"config":{"plugins":["theme-official@2.1.1","-sharing","-fontsettings","sitemap","-search","search-pro"],"root":"./docs/","styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"pluginsConfig":{"sitemap":{"hostname":"https://blog.honghaitao.net/"},"search-pro":{"cutWordLib":"nodejieba","defineWord":["小需求","基础建设"]},"highlight":{},"lunr":{"maxIndexSize":1000000,"ignoreSpecialCharacters":false},"theme-official":{},"theme-default":{"styles":{"website":"styles/website.css","pdf":"styles/pdf.css","epub":"styles/epub.css","mobi":"styles/mobi.css","ebook":"styles/ebook.css","print":"styles/print.css"},"showLevel":false}},"theme":"default","pdf":{"pageNumbers":true,"fontSize":12,"fontFamily":"Arial","paperSize":"a4","chapterMark":"pagebreak","pageBreaksBefore":"/","margin":{"right":62,"left":62,"top":56,"bottom":56}},"structure":{"langs":"LANGS.md","readme":"README.md","glossary":"GLOSSARY.md","summary":"SUMMARY.md"},"variables":{"version":"0.0.1"},"title":"代码收集","gitbook":"3.1.1"},"file":{"path":"JavaScript/principle/04.md","mtime":"2018-05-30T08:23:34.364Z","type":"markdown"},"gitbook":{"version":"3.1.1","time":"2018-05-31T08:39:58.544Z"},"basePath":"../..","book":{"language":""}});
})();
</script>

        
    </body>
</html>