闭包

作者: warmT_ | 来源:发表于2017-08-13 12:48 被阅读0次

概念:所谓闭包就是当函数执行的时候,会形成私有作用域保护里面的变量不受外界干扰,函数的这种保护机制被称之为闭包。

  • 自运行函数+行參
  • 例子:解决:点击事件中for循环的i值问题

下面有个小例子具体说下闭包。需求:分别点击四个按钮弹出对应的索引(html部分省略);

a. 运行代码可看到点击事件外面的alert弹出的值是正确的 ;而点击事件里面的值是4;并非我们所要的值,应为当点击事件发生函数执行,循环已经结束。

  var oBtn=document.getElementsByTagName('button');
  for(var i=0;i<oBtn.length;i++){
      alert(i)// 0 1 2 3;
      oBtn[i].onclick=function(){
          alert(i);// 4
      }
  }

b. 点击事件外面的alert的i值就是我们想要的值,其实也就是一个函数执行;那么我们现在模拟一个alert函数;将循环的i值保存在myAlert的私有作用域里面

  var oBtn=document.getElementsByTagName('button');
   for (var i = 0; i < oBtn.length; i++) {
        myAlert(i)
    }
    function myAlert(i) {
        oBtn[i].onclick = function () {
            alert(i);// 0 1 2 3
        }
    }

c. 代码优化

  var oBtn=document.getElementsByTagName('button');
  for(var i=0;i<oBtn.length;i++){
      (function(i){
         oBtn[i].onclick=function(){
          alert(i);// 0 1 2 3
        }
      })(i)
  }

总结:闭包就是函数保护私有变量的一种保护机制。是不是很简单呀。

相关文章

  • swift-闭包

    闭包 闭包定义 闭包简化 - 尾随闭包 闭包参数 闭包返回值 闭包的循环引用

  • 闭包,闭包,闭包

    1、这家伙到底是什么? 网上关于这个的讨论的太多了太多了,有各种的举例子,但是大部分还在寻找这个答案的小伙伴对于变...

  • 闭包-Closures [swift 5.1]

    闭包的语法 尾随闭包 闭包逃离 自动闭包

  • Day7 闭包(Closures)

    本页包含内容:• 闭包表达式• 尾随闭包• 值捕获• 闭包是引用类型• 逃逸闭包• 自动闭包 1、闭包表达式 闭包...

  • Python闭包

    闭包 = 环境变量 + 函数 调用闭包内部的环境变量 闭包的经典误区 闭包与非闭包实现人类走路 非闭包 闭包

  • 闭包(closure)

    ● 闭包基础 ● 闭包作用 ● 闭包经典例子 ● 闭包应用 ● 闭包缺点 ● 参考资料 1、闭包基础 作用域和作...

  • swift- 闭包一

    /*• 闭包表达式• 尾随闭包• 值捕获• 闭包是引用类型• 逃逸闭包• 自动闭包*/

  • (9) python之闭包

    闭包闭包 = 函数 + 环境变量(函数定义的时候) 一个最简单的闭包 闭包不受外部变量影响 非闭包 闭包 闭包 只...

  • Swift-进阶 :闭包(二)逃逸闭包 & 非逃逸闭包

    本文主要分析逃逸闭包 、非逃逸闭包、自动闭包 逃逸闭包 & 非逃逸闭包 逃逸闭包定义 当闭包作为一个实际参数传递给...

  • javascript闭包详解

    跟我念 bi 闭 bao包 ,闭包的闭,闭包的包。。 闭包的简介 在计算机科学中,闭包(英语:Closure),又...

网友评论

      本文标题:闭包

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