毫无节操地理解 js 的作用域、闭包

阅读 1645
收藏 101
2017-01-10
原文链接:www.jianshu.com

今天在水群时发现有小伙伴又拿出了这样的代码:

  function a(){
   function b(){   
       c = 1; 
   }
  }

然后问c是谁的。。。
我一看,诶呀我擦,这又不是作用域的问题吗?刚想说c是b的变量,但是定睛一看,不对,妈的有陷阱,c前没加var,又不是严格模式,然后我就跟他说:
"c是全局变量。"
然后他就咚咚咚地用nodejs敲了一下然后:


nodejs.png


噗,not defined。额,这个嘛,我猜这个环境是严格模式下的吧。

不过,既然又遇到这种问题,那么就必须好好解答了。

第一个问题:什么是作用域?

作用域,就是函数的老婆。
好吧我正经一点,作用域就是函数执行的地方。
当你看见一个函数,不管它长什么样子,有一点肯定一样的,那就是function *(){},“*”号代表任意合法声明函数的字符包括空字符。那么,作用域就存在于两个大括号之间。
例如:

function a(){
    /*a的作用域*/
    var _a;
    function b(){
         /*b的作用域*/
         var _b;
         function c(){
               /*c的作用域*/
               var _c;
         }
    }
}

当然,我说作用域是函数的老婆是有道理的,你看上面,a与a的作用域下不是生出了个b么?b与b的作用域下不是生出了个c么?完全可以这样理解嘛。
那么,既然作用域是函数的老婆,那么访问变量算什么?

访问变量算“亲吻”

想想看,作用域最大的特点是什么?
我们经常听到一句话,

函数内部可以访问外部变量,函数外部不能访问函数内部变量。

没错,作用域就是用来区分函数内部和外部的。其次,因为函数外部作用域不能访问函数内部作用域,所以定义在函数作用域的变量可以看成函数的私有变量,就是别人无法访问的变量。
额,看起来还是有点复杂?
那么可以这样理解:

  • 作用域是函数的老婆
  • 访问变量是亲吻作用域(因为变量是定义在作用域里的)

然后还是刚才的代码:

function a(){
    /*a的作用域*/
    var _a;
    function b(){
         /*b的作用域*/
         var _b;
         function c(){
               /*c的作用域*/
               var _c;
         }

         function d(){
              /*d的作用域*/
              var _d;
         }
    }
}

很明显,b可以访问到_a,为什么?孩子亲妈妈不是很正常吗?
然后,c可以访问到_a/_b,为什么?孙子亲妈妈奶奶不是很正常吗?
然后,a无法访问到_b/_c,为什么?你家爸爸可以亲儿媳妇?你家爷爷可以亲孙媳妇?这不好吧。。。
然后我新增加了一个d函数,为了说明一个问题:弟弟不能亲嫂子。函数d无法访问到_c。同样,哥哥不能亲弟妹,函数c无法访问到_d。

这样是不是一下子就理解了?

函数都有老婆了,我还是单身狗 ,那闭包算什么

咳咳,闭包就是函数允许别人“亲吻”他老婆的某些地方。
当然不是直接“亲吻”,是通过一些间接的方式让别人“亲”到他老婆。

function a(){
    /*a的作用域*/
    function b(){
        /*b的作用域*/
        var _b="我是_b";
        return function c(){
             console.log(_b);
        }
    }

    var _a=b();
    _a();//打印"我是_b"
}

天啊撸,a居然能访问"我是_b"这个字符串,要知道这个字符串可是属于b的作用域。。。b的老婆的一部分啊。
恩,所以嘛。。。可以理解闭包的作用了吧。

评论