您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

闭包

和对其周围状态(lexical environment,词法环境)的引用捆绑在一起构成闭包(closure)。也就是说,闭包可以让你从内部访问外部作用域。在 JavaScript 中,每当被创建,就会在时闭包。

由于闭包的概念比较抽象,所以本篇幅会有较多的主观理解。

在作用域相关的中可以知道,全局下的作用域想访问内部的作用域是办不到的,但是 闭包 的特性可以突破这一限制。

每个都会形成闭包。

闭包可以理解成,保留了作用域链的环境。

var fn = function() {
  var number = ;
};

fn();

console.log(number);

这个例子是访问不到 number 的,想访问到就可以借助闭包的特性。

var fn = function() {
  var number = ;

  return function() {
    number++;

    console.log(number);
  };
};

var increment = fn();

increment();
increment();
increment();

这里的 fn 返回了,个返回的所形成的闭包环境就拥有访问上一层作用域的能力,所以每次在 fn 返回的时,就可以累加 number

借助形成的闭包环境作为跳板,来访问另的作用域,就是闭包最常见的使用场景。

网络上有许多文献把闭包称为能访问其他内部变量的,这样理解可能更容易一些。

用到了上层作用域的变量,所以这些变量会在内存中被保留,不会被释放,一些旧的浏览器在内存管理上没有现代浏览器完善,大量的闭包可能会导致卡顿,不过通常业务开发,会先考虑,再考虑。

JavaScript 中是没有私有特性的,利用闭包来隐藏变量,就可以模拟出私有的。

var counter = (function() {
  var count = ;

  return {
    increment: function() {
      count++;
      return count;
    },
    zero: function() {
      count = ;
      return count;
    },
    get value() {
      return count;
    },
  };
})();

counter.increment();
console.log(counter.value); // :1
counter.increment();
console.log(counter.value); // :2

console.log(counter.count); // :undefined

这里的自执行匿名返回对象,对象中的就具有访问上层中的变量的能力,所以他们都能访问 count。

因为 count 不会被释放,所以可以当作来使用。

回调通常会用到上层作用域的变量,然后在某一情况下进行。

var fn = function(cb) {
  console.log('异步操作开始');
  setTimeout(function() {
    console.log('异步操作结束');
    cb();
  }, );
};

var obj = {
  flag: false,
};

fn(function() {
  obj.flag = true;

  console.log(obj);
});

很明显,这里的回调就是用到了闭包的特性。

所以闭包其实很常用,结合日常的这些场景能更好的理解闭包。

每个都有闭包,闭包可以访问到这个所在的上层作用域,利用这一特性,就能访问到作用域下的变量。

大量的闭包可能会造成问题,不过现在的计算机处理器、内存已经让开发者不太需要关注这方面的问题,但在设计会被大量应用的库和框架时,应当做这方面的考虑,因为的环境千变万化。


联系我
置顶