Javascript闭包

作者: eb116c5392b0 | 来源:发表于2016-07-26 18:49 被阅读113次

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中实现面向对象中编程中对象的私有变量。

相关文章

  • JavaScript----闭包

    javascript之闭包 闭包的概念     闭包(closure)是 JavaScript 的一种语法特性。 ...

  • 学习JavaScript闭包和作用域笔记

    JS JavaScript闭包和作用域 闭包 JavaScript高级程序设计中对闭包的定义:闭包是指有权访问另外...

  • javascript中闭包是什么

    javascript中闭包是什么 JavaScript 变量可以是局部变量或全局变量。私有变量可以用到闭包。闭包就...

  • Javascript 闭包

    闭包 (注:所以案例以 javascript 实现) 初识闭包 什么是闭包 MDNClosures are fun...

  • 作用域闭包

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • JavaScript 作用域

    概览 背景知识:JavaScript内存管理、JavaScript作用域。 内容 1 闭包定义 闭包:当函数可以记...

  • 20170815 前端开发日报

    JavaScript闭包,只学这篇就够了 闭包不是魔法 这篇文章使用一些简单的代码例子来解释JavaScript闭...

  • JavaScript深入理解-闭包(Closure)

    推荐文章:学习Javascript闭包(Closure)- 阮一峰javascript深入理解-从作用域链理解闭包...

  • 闭包

    学习Javascript闭包(Closure)

  • JS之闭包与IIFE

    本篇文章主要讨论了: JavaScript引擎 全局对象 闭包 循环 + 闭包 IIFE + 闭包 1.JavaS...

网友评论

    本文标题:Javascript闭包

    本文链接:https://www.haomeiwen.com/subject/yimwjttx.html