JS高级---闭包

Posted jane_panyiyun

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS高级---闭包相关的知识,希望对你有一定的参考价值。

闭包

 

闭包的概念: 函数A中, 有一个函数B, 函数B中可以访问函数A中定义的变量或者是数据, 此时形成了闭包(这句话暂时不严谨)
  • 闭包的模式: 函数模式的闭包, 对象模式的闭包
  • 闭包的作用: 缓存数据, 延长作用域链
  • 闭包的优点和缺点: 缓存数据
  • 闭包的应用

 


函数模式的闭包: 在一个函数中有一个函数

    //函数模式的闭包:在一个函数中有一个函数
    function f1() {
      var num = 10;
      //函数的声明
      function f2() {
        console.log(num);
      }
      //函数调用
      f2();
    }
    f1();


    function f1() {
      var num = 10;
      return function () {
        console.log(num); //10
        return num;
      }
    }

    var ff = f1();
    var result = ff();
    console.log(result); //10

 

 

 对象模式的闭包:函数中有一个对象

    function f3() {
      var num = 10;
      var obj = {
        age: num
      };
      console.log(obj.age);//10
    }
    f3();

 

    function f2() {
      var num = 100;
      return {
        age: num
      }
    }

    var obj = f2();
    console.log(obj.age);

以上是关于JS高级---闭包的主要内容,如果未能解决你的问题,请参考以下文章

JS高级——内存管理和闭包

JS高级——内存管理和闭包

JS高级——内存管理和闭包

JS高级:闭包

JS---闭包

JS高级---闭包小案例