Javascript闭包

Javascript闭包

什么是闭包?

高阶函数除了可以接受一个或多个函数作为参数,还可以返回一个函数作为结果。

当一个函数和它的返回函数满足下面情况,就是闭包。

  1. 函数A的返回值是函数B;
  2. 当函数A返回函数B时, 函数B引用了函数A内的变量;
  3. 函数B并不是马上执行,而是在调用B()后执行

示例

在购物时,所有商品的价格加起来的总价超过目标金额是,给予警告。

function warnAmount(amount) {  //函数A
  count = 0;
  return function(price) { //函数B 匿名函数, 函数B引用函数A的count变量和amount变量
    count += price;
    console.log('count: '+count);
    if(count>amount){
      console.log('High price reached:'+count);
    }
  }
}

add = warnAmount(10); //调用函数A,返回函数B,并将函数B赋值给变量add,


// 通过B()调用函数B,add()
add(1);  // count: 1
add(2);  // count: 3
add(3);  // count: 6
add(4);  // count: 10
add(5);  // count: 15  High price reached:15

注意

在五次调用函数B,add(price)过程中,变量count和变量amount一直保存着他们的状态,
而在函数A之外,是不可以访问变量count和变量amount,
就像面向对象编程中的私有变量。

从这个角度可以看出来,闭包就是携带状态的函数,并且它的状态可以对外隐藏起来。

所以我们也可以利用闭包在没有类特性的javascript中实现面向对象中编程中对象的私有变量。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。 一、变量...
    zouCode阅读 5,019评论 0 13
  • 概要 : 闭包是可访问上一层函数作用域里变量的函数,即使上一层函数已经关闭。 详情: 官方对闭包的解释是:一个拥有...
    LuckyJin阅读 1,521评论 0 0
  • 目录 1.执行环境与作用域链 2. 立即执行函数 3. 闭包知识点 3.1 什么是闭包 3.2 使用闭包的意义与注...
    犯迷糊的小羊阅读 3,818评论 0 11
  • 前言 这篇文章使用有效的javascript代码向程序员们解释了闭包,大牛和功能型程序员请自行忽略。 基础篇 闭包...
    kiaizi阅读 2,833评论 0 7
  • 之前看过一些关于闭包的文章,当时对闭包的理解还是不够透彻,前些天又回顾了《JavaScript高级程序设计第三版》...
    Rin阳阅读 4,793评论 1 2