美文网首页前端前端学习Web前端之路
毫无节操地理解js的作用域、闭包

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

作者: CharTen | 来源:发表于2017-01-10 11:07 被阅读1055次

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

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

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

nodejs.png
噗,not defined。额,这个嘛,你a和b都没有被执行。。。何来的c。。。

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

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

作用域,就是函数的老婆。
好吧我正经一点,作用域就是函数执行的地方。
当你看见一个函数,不管它长什么样子,有一点肯定一样的,那就是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的老婆的一部分啊。
恩,所以嘛。。。可以理解闭包的作用了吧。

相关文章

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

    今天在水群时发现有小伙伴又拿出了这样的代码: 然后问c是谁的。。。我一看,诶呀我擦,这又不是作用域的问题吗?刚想说...

  • JS 闭包(Closure)

    参考阮一峰老师的JS 闭包 理解闭包前需要理解变量作用域、变量提升 JS作用域 那如何让它依次打印,12345呢;...

  • js 闭包

    一、js 作用域 讲闭包首先就要理解 js 的作用域。再 ES5 中,js 有两种作用域,全局作用域和函数作用域(...

  • JavaScript 函数闭包(colsure)

    理解闭包,你首先必须理解JS的变量作用域,JavaScript作用域和作用域链。 ES6之前,变量的作用域分为全局...

  • 你不懂JS:作用域与闭包

    你不懂JS:作用域与闭包 第五章:作用域闭包 希望我们是带着对作用域工作方式的健全,坚实的理解来到这里的。 我们将...

  • JavaScript快速上手:关于闭包的知识分享

    JS中变量的作用域 在理解闭包之前,我们得弄清楚JS中变量的作用域原理,它分为全局作用域和局部作用域,它有一...

  • JavaScript快速上手:关于闭包的知识分享

    01 JS中变量的作用域 在理解闭包之前,我们得弄清楚JS中变量的作用域原理,它分为全局作用域和局部作用域,它有一...

  • 2018-07-11

    深入理解闭包: 一、变量的作用域 要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非...

  • js函数中的this

    前两篇文章“执行环境和作用域”和“js中的闭包”,我对谈了执行环境、作用域、作用域链和闭包的理解。但当牵涉到对象中...

  • 《Web前端开发之JavaScript精英课堂》(六)

    对 作用域、作用域链、执行上下文对象(GO | AO)、闭包 的个人理解: JS分为全局和局部作用域,都属于词法作...

网友评论

  • 麦田里的Demian:快写个闭包去访问别人的女朋友吧
    CharTen:大哥,写闭包是让别人访问自己老婆的,不是让自己访问别人的老婆的。。。
  • 36c44d18b6f2::smirk: 可以的,老哥,稳
  • Liees:你用a亲了b的老婆某些地方。。。
    Liees:@CharTen :joy:
    CharTen:是 b的孩子c拉的皮条:grin:
  • c3e0230bd46d:天啊撸, c未定义是因为函数a和b并没有执行, 所以赋值语句并没有被执行, 所以就是c不存在的, 所以和你猜的: `噗,not defined。额,这个嘛,我猜这个环境是严格模式下的吧。` 没任何关系.
    CharTen:是的,我意识到自己错误了,当时第一个想法就是,nodejs的repl环境是不是严格模式下的。后来想想,如果是严格模式,报的应该就是不能对未定义的变量进行赋值的错

本文标题:毫无节操地理解js的作用域、闭包

本文链接:https://www.haomeiwen.com/subject/ybdkbttx.html