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();

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值