js中的闭包实例展示

让我来详细讲解一下"js中的闭包实例展示"的攻略。

什么是闭包？

闭包是指有权访问外部函数作用域中变量的函数，即使外部函数已经执行完毕。简单来说，就是内部函数使用了外部函数的变量或者参数，并且这个内部函数可以在外部函数执行结束之后被执行。

闭包的特点

• 内部函数可以访问外部函数的变量，而外部函数不能访问内部函数的变量。
• 闭包可以更新其引用的外部变量，并且该更新是持久的，这是因为闭包中保存的是外部变量的引用，而不是其值的副本。

闭包的应用场景

闭包常见的应用场景有：模块化开发、变量共享和缓存数据等。

闭包实例展示一

下面是一个闭包的简单实例，来看一下闭包的使用情况：

function outer() {
  var count = 0;
  function inner() {
    count++;
    console.log(count);
  }
  return inner;
}

var demo = outer();
demo(); // 1
demo(); // 2

在上面的代码中，outer()函数返回inner()函数，闭包就出现在这里。执行outer()函数时，会创建一个局部变量count，inner()函数引用了count变量，并且inner()函数可以在外部函数outer()执行完毕后被执行。当demo()函数被调用时，闭包inner()访问了count变量，每次调用demo()都会对count变量进行自增，并打印更新后的值。

闭包实例展示二

下面是实际应用中常见的一个例子，来看一个通过闭包实现计算器的例子：

function calculator(x) {
  var num1 = x;
  return {
    add: function(y) {
      num1 += y;
      return this;
    },
    minus: function(y) {
      num1 -= y;
      return this;
    },
    multiply: function(y) {
      num1 *= y;
      return this;
    },
    divide: function(y) {
      num1 /= y;
      return this;
    },
    getResult: function() {
      return num1;
    }
  }
}

var calc = calculator(10);
calc.add(2).minus(3).multiply(5).divide(2);
console.log(calc.getResult()); // 17.5

在这个例子中，我们通过闭包实现了一个计算器，通过返回一个带有4个方法的对象，实现了加减乘除四个基本运算，并可以通过getResult()方法获取结果。在add、minus、multiply、divide方法中，都引用了外部函数中的num1变量，计算器的初始值通过调用calculator函数时传入，在每次调用这四个方法时，都会对num1进行相应的操作，并将结果保存在num1中，而getResult()方法则直接返回num1的值。

以上便是"js中的闭包实例展示"的完整攻略。