闭包随笔

简介

闭包就是能够读取其他函数内部变量的函数。例如在javascript中,只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

简单使用

function _getName() {
  var _initName = 'Mary';
  function Todo() {
     console.log(_initName)
  }
  return Todo
}

var getName = _getName();
getName();                    //  Mary  (注:函数内部的子函数能读取局部变量)

在 _getName() 执行以后,误以为 _initName 不会被读取到,但是执行以后发现 _initName 被读取值为 ‘Mary’。
因为在 JavaScript 中,JavaScript 函数会形成闭包。
闭包是由函数以及创建该函数的词法环境组合而成。
这个环境包含了这个闭包创建时所能访问的所有局部变量。

function Cunter(x) {
  function add(y) {
    return x + y
  }
  return add
}
// 分别生成独立的闭包
var Counter5 = Counter(5);      // x = 5
var Counter9 = Counter(9);      // x = 9

console.log(Counter5(5));       // 10
console.log(Counter9(9));       // 18

闭包模拟私有方法

在编程语言中,(exp:Java) 支持将方法声明为私有,即他们只能被同一个类中其他方法所调用。

然而 JavaScript 中没有这种原生支持。我们可以使用闭包模拟私有方法。私有方法不仅有利于限制对代码的访问,
还提供了管理全局命名空间的强大能力,避免非核心的方法弄乱了代码的公共接口部分。

下面的示例展现了如何使用闭包来定义公共函数,并令其可以访问私有函数和变量。
这个方式也称为 模块模式(module pattern):

var makeCounter = function() {
  var privateCounter = 0;
  function changeBy(val) {
    privateCounter += val;
  }
  return {
    increment: function() {
      changeBy(1);
    },
    decrement: function() {
      changeBy(-1);
    },
    value: function() {
      return privateCounter;
    }
  }  
};

var Counter1 = makeCounter();
var Counter2 = makeCounter();
console.log(Counter1.value()); /* logs 0 */
Counter1.increment();
Counter1.increment();
console.log(Counter1.value()); /* logs 2 */
Counter1.decrement();
console.log(Counter1.value()); /* logs 1 */
console.log(Counter2.value()); /* logs 0 */

以这种方式使用闭包,提供了许多与面向对象编程相关的好处 —— 特别是数据隐藏和封装。

注意

在循环中创建闭包特别要注意,很容易出错。

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值