闭包的应用

最新推荐文章于 2022-08-31 10:47:17 发布
最新推荐文章于 2022-08-31 10:47:17 发布
阅读量53 收藏
点赞数
分类专栏： vue 文章标签： javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47144417/article/details/116716794
版权 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h1>闭包的应用</h1>
    <input type="text" class="input" />
    <script>
      // 全局变量
      let a = "这么久没见";
      function fn1() {
        let b = 1;
        console.log(a, 111);
        // 能访问a
      }
      // console.log(b,222);
      fn1();

      // AO  active  object 创建的临时变量对象

      //防抖与节流
      // 防抖 : 一定时间内只允许一个事件
      // 节流 ：多次变为一次

      // 防抖函数
      function antiShake(fn, wait) {
        let timeOut = null;
        return (args) => {
          if (timeOut) clearTimeout(timeOut);
          timeOut = setTimeout(fn, wait);
        };
      }

      function demo2() {
        console.log("后台大哥，我要请求数据了");
      }

      let handerInput = document.querySelector(".input");
      handerInput.addEventListener("input", antiShake(demo2, 1000)); //1s中请求一次

      //   模块化
      // 通过闭包实现 私有方法  私有变量
      let makeCounter = function () {
        let privateCounter = 0;
        function changeBy(val) {
          privateCounter += val;
        }
        return {
          add: function () {
            changeBy(1);
          },
          reduce: function () {
            changeBy(-1);
          },
          value: function () {
            return privateCounter;
          },
        };
      };

      let res1 = makeCounter();
      let res2 = makeCounter();
      //   词法作用域

      res1.add();
      res1.add();

      res2.add();
      res2.reduce();
      console.log(res1.value); // 2
      console.log(res2.value); // 0

      //   闭包提供了面向对象编程的好处 ----数据的隐藏和封装
    </script>
  </body>
</html>

在这里插入图片描述

tamia_nice
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详谈JavaScript的闭包及应用
10-20
本文主要介绍了JavaScript的闭包及应用。具有一定的参考价值，下面跟着小编一起来看下吧
闭包的使用场景
weixin_48659263的博客
10-24 1万+
一、闭包 由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。 比如下面的代码： function f1() { var n = 999; function f2() { console.log(n); } return f2; } var result = f1(); result();//999 函数f2就被包括在函数f1内部，这时f1内部
闭包详细解释以及闭包应用场景
weixin_61334593的博客
11-17 4518
1.闭包的概念： 当一个函数的返回值是另外一个函数,而返回的那个函数如果调用了其父函数的内部变量, 且返回的那个函数在外部被执行,就产生了闭包. 2.闭包的定义： 一般有两种方式 <script> //第一种定义方式 function outer(){ var num=10; function inner(){ return num+=10 } return inner() } //调用 console.log(outer(...
闭包的几种使用场景总结
LTT1995的博客
11-10 1万+
1、什么是闭包？ 闭包实际上是一种函数，闭包就是也是函数技术的一种；闭包能做的事情函数几乎都能做。 闭包技术花式比较多，用法也比较灵活，因为闭包技术的分界线并不明显，几乎无法用一个特点去区分。 // 当一个内部函数被其外部函数之外的变量引用时，就形成了一个闭包 function test1(){ var age=19; } console.log(age);//Uncaught Reference: age is not defined function test1(){ var age=19;
什么是闭包？及闭包的应用场景有哪些
qq_43375584的博客
05-18 8718
5.闭包 一个函数的作用域可以访问另一个函数的局部变量，这个变量所在的函数就是闭包函数 闭包使得内部函数可以访问外部函数的属性（变量或方法） 在 JavaScript 中， 每当创建一个函数， 闭包就会在函数创建的同时被创建出来 闭包本身就是 javascript 的重要知识点 5.1变量的作用域复习 变量根据作用域的不同分为两种：全局变量和局部变量。 函数内部可以使用全局变量。 函数外部不可以使用局部变量。 当函数执行完毕，本作用域内的局部变量会销毁。 5.2什么是闭包 闭包（closure）指有
关于JavaScript闭包的应用
02-01
闭包就是指有权访问另一个函数作用域中的变量的函数。MDN上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。创建闭包最常见方式，...
浅谈PHP 闭包特性在实际应用中的问题
10-29
PHP5.3 新版本跟随了很多新特性， 其中比较惹眼的特性之一就是支持了闭包。那么以后，我们也可以和那帮写 Ruby、Javascript 等等“高科技语言”的家伙们一样，写出非常酷的代码吗？
闭包以及闭包的应用详解
01-08
闭包有多种应用，例如创建可复用的累加器： ```javascript function makeCounter() { var count = 0; return function() { count++; return count; }; } var counter = makeCounter(); counter(); // 输出1 ...
JS闭包原理与应用经典示例
10-17
主要介绍了JS闭包原理与应用,结合实例形式较为详细的分析了javascript闭包的原理、应用及相关操作注意事项,需要的朋友可以参考下
JS闭包可被利用的常见场景
07-17
JS闭包可被利用的常见场景。值得保留的文档。值得一看
闭包、闭包应用场景
weixin_45463061的博客
08-31 4180
闭包、闭包应用场景
闭包的作用
qq_39465116的博客
02-25 3152
闭包的用途有很多（实现继承、对象的私有属性、缓存结果、实现面向对象设计、实现命令模式）。但是他的作用主要有两个，一个是延长局部变量的寿命。另一个是使外部能够访问到函数内部的变量。 我们先从两个例子来看一个闭包的使用场景。 示例一：利用闭包缓存计算结果 假设有一个计算乘积的简单函数，可以接受一些Number类型的参数，并返回这些参数的乘积。但是我们觉得对于相同的参数，每次计算都是一种浪费，我们就可以通过缓存机制来提高这个函数的性能。 var cache = {} var mult = functi
闭包及闭包的应用
qq_47433370的博客
07-23 393
闭包及闭包的应用
自己理解的闭包
weixin_34217711的博客
04-12 176
//闭包：//1:通常理解，函数里面定义一个函数来访问外部函数的变量实现闭包//2:变量不会被垃圾回收机制收回，可以保存在变量中(尽量少用，会存放在内存中)//3:闭包是将函数内部和函数外部连接起来的桥梁。//注意：//4:由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全...
闭包的理解及应用
qq_44761755的博客
08-06 439
文章目录1、闭包的含义2、闭包的作用为什么说闭包访问的外部变量可以始终保存在内存中？3、闭包的应用场景 1、闭包的含义 闭包 : 指一个定义在函数内部并有权访问此函数作用域的变量的函数。 MDN官方解释的闭包:一个函数和对其周围状态（语法环境）的引用捆绑在一起（或者说是函数被引用包围），这样的组合就是闭包。 看得懂这含义吗？看不懂没关系看下面代码： function f1(){ var x=2; function f2(){ console.log(x); //输出
JS闭包的理解及常见应用场景
cxz
06-16 5321
闭包的概念 闭包是指有权访问另一个函数作用域中的变量的函数 实现一个简单的闭包 function fun(){ var a = 10;//fun函数作用域内部的变量 return ()=>{ return a;//在此可以访问到fun函数作用域的a } } var geta = fun(); var a = geta(); console.log(a);//通过闭包我们就可以在fun函数外部访问到fun函数内部作用域的变量 闭包的作用 闭包可以在函数外部访问到函数内部作用域的
【JavaScript】来好好盘一盘闭包！
qq_39155912的博客
10-20 353
前言 想要深入学习JavaScript这门语言，闭包这个概念几乎是绕不开的关键，今天就让我们一起好好地盘一盘，闭包到底是什么东西。 如果是零基础的小伙伴，可以先看看前一篇文章，帮助你更好的理解本文的内容： 【JavaScript】有趣的作用域和提升 了解一下闭包 1. 什么是闭包 我们先来看看闭包在MDN中的定义： 一个函数和对其周围状态（lexical environment，词法环境）的引用捆绑在一起（或者说函数被引用包围），这样的组合就是闭包（closure） 闭包的定义非常晦涩难懂，如果通俗
什么是闭包？有哪些使用场景？优缺点是什么？
热门推荐
一个在全能之路上越走越远的男人。
01-08 1万+
一：什么是闭包？ 闭包就是能够读取其他函数内部变量的函数，说白了闭包就是个函数，只不过是处于其他函数内部而已。 由于在javascript中，只有函数内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数“。 所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁。 知乎大神说：闭包是指在 JavaScript 中，内部函数总是可以访问其所在的外部函数中声明的...
python闭包应用
最新发布
09-10
在Python中，闭包常常被用于以下几个方面的应用： 1. 延迟计算：通过使用闭包，我们可以实现延迟计算，即将一些计算推迟到函数被调用的时候再执行。这在需要缓存结果或者进行惰性计算的情况下非常有用。 ```python...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值