javascrpit

  • 时间:
  • 来源:互联网
  • 文章标签:

闭包

  • 闭包是什么
    • 以下这个案例就是一个闭包

闭包是什么

1.闭包是一个无处不在的,需要你去识别他。基于作用域书写代码时产生的自然结果,我们不需要为了利用他而去刻意的去创建一个闭包

2.闭包是一种方式,他是一个能够引用其内部作用域变量的表达式。

以下这个案例就是一个闭包

以下这个案例就是一个闭包,因为匿名函数(say)是在另外一个函数中声明的,在js中如果另一个函数使用了funtion关键字,则创建闭包

function sayHello(name){
	var text = name;//局部变量text
	var say = function () {
		console.log(text)
	};
}

var say2 = sayHello("lily")
say2();

接下来是一些闭包的案例

function say667() {
        // 局部变量num最后会保存在闭包中
        var num = 42;
        var say = function () {
          console.log(num);
        };
        num++;
        return say;
      }

var sayNumber = say667();
sayNumber();//输出 43
//为什么会是输出 43
//解踢第一个函数say667在var sayNumber被调用,然后把返回值给了sayNumber,
//第二个函数被定义但并未调用,而num进入num++变成43这后43进入第二个函数
	var a, b, c;
      function fn1() {
        // 局部变量num最后会保存在闭包中
        var num = 42;
        // 将一些对于函数的引用存储为全局变量
        a = function () {
          console.log(num);
        };
        b = function () {
          num++;
        };
        c = function (x) {
          num = x;
        };
      }
      fn1();
      b();
      a(); // 43
      c(5);
      a(); // 5
      var oldLog = a;
      //在上边的案例中,当我们再次调用fn1时候,一个新的闭包就被创建了,旧闭包的变量 a b  c被新闭包的函数覆盖
      // 每次调用fn1 都会创建一个新的闭包
      fn1();
      a(); // 42
      oldLog(); // 5 

 function buildList(list) {
        var result = [];
        for (var i = 0; i < list.length; i++) {
          var item = "item" + i;
          result.push(function () {
            console.log(item + " " + list[i]);
          });
        }
        return result;
      }
      function testList() {
        var fnlist = buildList([1, 2, 3]);

        for (var j = 0; j < fnlist.length; j++) {
          fnlist[j](); //打印3次  ‘item2 undefined’
        }
      }
      testList();

本文链接http://www.taodudu.cc/news/show-1781769.html