首页 > 编程知识 正文

闭包的作用和使用场景,如何理解闭包,闭包的优缺点

时间:2023-05-05 06:16:56 阅读:264532 作者:3144

一:什么是闭包?

闭包就是能够读取其他函数内部变量的函数,说白了闭包就是个函数,只不过是处于其他函数内部而已。

由于在javascript中,只有函数内部的子函数才能读取局部变量,所以说,闭包可以简单理解成“定义在一个函数内部的函数“。

所以,在本质上,闭包是将函数内部和函数外部连接起来的桥梁。

知乎大神说:闭包是指在 JavaScript 中,内部函数总是可以访问其所在的外部函数中声明的参数和变量,即使在其外部函数被返回(寿命终结)了之后。

二:用途是什么?

1.访问函数内部的变量

2.防止函数内部的变量执行完城后,被销毁,使其一直保存在内存中。

写一个关于闭包的例子:

function outer(x) {

// 参数相当于局部的变量

    function inner(y) {

       console.log(x + y);

}

   return inner;

}

var closure = outer(3);

closure(7); // 输出10

 

inner函数把自己内部的语句,和自己在声明时所处的作用域一起封装成了一个密闭的环境,我们就称之为闭包。

函数本身就是一个闭包,函数在定义的时候,就能记住自己的外部环境和内部语句,每次执行的时候,会参考定义时的密闭环境。

关于闭包的用处的例子:看的MDN网站上的例子,讲的非常清楚了

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 */

每次调用其中一个计数器时,通过改变这个变量的值,会改变这个闭包的词法环境。然而在一个闭包内对变量的修改,不会影响到另外一个闭包中的变量。以这种方式使用闭包,提供了许多与面向对象编程相关的好处 —— 特别是数据隐藏和封装。

缺点:

如果不是某些特定任务需要使用闭包,在其它函数中创建函数是不明智的,因为闭包在处理速度和内存消耗方面对脚本性能具有负面影响。

实际项目应用:

封装一个公共弹框,点击确定取消按钮,会触发退订事件,调用退订接口,成功之后还会刷新列表。

弹框组件接受一个 确定按钮的事件,OK参数。

如果 OK 不写成箭头函数,那么里面的this 指向的是OK 而不是vue ,就无法执行,methods 的方法,也可以 在外部

let _this = this;

ok: function() {

_this.exitOrder();

}

这么写也可以。

 

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。