前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >作用域、闭包、模块

作用域、闭包、模块

作者头像
菜的黑人牙膏
发布2019-01-21 16:11:09
5370
发布2019-01-21 16:11:09
举报
文章被收录于专栏:前端学习归纳总结

当函数可以记住并访问所在的词法作用域时,就产生了闭包,即使函数是在当前作用域的外面执行。

代码语言:javascript
复制
  function foo(){

     var a = 2;

     function bar(){

       console.log(a)  

    };

    return bar;

}

 var baz = foo();

  baz();   //2 这就是闭包

在这个例子中,bar可以正常执行,它是在直接定义的词法作用域外执行的。通常,foo执行完后JS引擎会执行垃圾回收机制,但由于函数bar作为返回值赋值给baz,所以bar不会被回收,而bar覆盖了foo的内部作用域,故foo不会被回收,此时通过执行baz可以正常引用foo内部的变量,这就是闭包。

闭包的作用:模块

一个小例子:

代码语言:javascript
复制
function foo(){

    var a=1,b=2;

     function doSome (){

        console.log(a);

    }

    function doOther(){

       console.log(b)

   }

   return {

      doSome:doSome,

      doOther:doOther

   }

}

    var baz = foo();

    baz.doSome();  // 1

    baz.doOther(); // 2

上面的例子中,foo的返回值是一个对象,对象的引用是内部的两个函数doSome和doOther,与上面同理,通过对函数的返回来实现随时访问foo内部的变量。

假设我们把foo定义为立即执行函数,则可以实现对内部变量a和b的私有保护,如下:

代码语言:javascript
复制
(function foo(){

    var a=1,b=2;

     function doSome (){

        console.log(a);

    }

    function doOther(){

       console.log(b)

   }

   return {

      doSome:doSome,

      doOther:doOther

   }

})();

    foo.doSome();  // 1

    foo.doOther(); // 2

 

对于模块,每一次都需要对函数foo执行后才能引用其返回的对象,注意:每一次返回的对象值都是不同的,因为每一次函数执行时都会创造一个新的作用域,而返回的对象中的函数所覆盖的就是这个作用域。(函数定义和函数执行的作用域不同,每次执行函数都是一个新的作用域)假如在实际开发中只需实例化一次foo,那我们可以采用单例模式,即上面的立即执行函数,假如想根据不同参数执行不同代码,可以采用如下模式的代码:

代码语言:javascript
复制
function foo(a){

    function doSome(){

      console.log(a)

   }

   return {doSome:doSome}

};

var baz = foo(1);

var bar = foo(2);

baz.doSome(); //1

bar.doSome(); //2

现代的模块化机制代码示例(具体使用和解释参见上卷第五章):

代码语言:javascript
复制
var Mym = (function Manager(){
   var moul ={};
   function defined (name,deps,impl){
     for(var i = 0;i<deps.length;i++)
     deps[i] = moul[deps[i]]
   }
   moul[name] = impl.apply(impl,deps);
   function get(name){
     return moul[name]
  }
   return {
      defined:defined,
      get:get
}
})();

 
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017-02-10 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档