JS的作用域和闭包

88 阅读2分钟

作用域

变量的作用域无非就是两种:全局变量和局部变量。

  • 全局作用域:

    在 JavaScript 中, 对象和函数同样也是变量。作用域为可访问变量,对象,函数的集合。

    函数以外的作用域为全局作用域

    全局变量:变量在函数外定义,即为全局变量。

      <script>
      var outerVar = "outer";
      function fn(){
        console.log(outerVar);
      }
       fn();//result:outer
    
  • 局部作用域

    变量在函数内声明,变量为局部作用域。

    局部变量:只能在函数内部访问。

    如果变量在函数内没有声明(没有使用 var 关键字),该变量为全局变量。

      <script>
      function fn(){
       var innerVar = "inner";
      }
      fn();
      console.log(innerVar);// ReferenceError: innerVar is not defined
    
  • 变量的生命周期

    JavaScript 变量生命周期在它声明时初始化。

    局部变量在函数执行完毕后销毁。

    全局变量在页面关闭后销毁。

  • 作用域链

    一般情况,变量取值到创建这个变量的函数的作用域中取值,但如果在当前作用域中没有取到值,就会到上级作用域去查,直到查到全局作用域,这么一个查找过程形成的链条称为作用域链条

闭包

闭包是指有权访问另一个函数作用域中的变量的函数

  • 闭包有三个特性:

    1.函数嵌套函数;

    2.内部函数使用外部函数的参数和变量;

    3.参数和变量不会被垃圾回收机制回收。

  • 闭包的好处:

    1.希望一个变量长期保存内存中;

    2.避免全局变量污染;

    3私有成员的存在。

  • 闭包的缺点:

    1.常驻内存,增加内存使用量;

    2.使用不当造成内存泄漏。

      function f1(){
          var n = 123;
          function f2(){    //f2是一个闭包
              alert(n)
          }    
      return f2;
      }