zoukankan      html  css  js  c++  java
  • 关于匿名函数的执行

    javascript中没用私有作用域的概念,如果在多人开发的项目上,你在全局或局部作用域中声明了一些变量,可能会被其他人不小心用同名的变量给覆盖掉,根据javascript函数作用域链的特性,可以使用这种技术可以模仿一个私有作用域,用匿名函数作为一个“容器”,“容器”内部可以访问外部的变量,而外部环境不能访问“容器”内部的变量,所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突,俗称“匿名包裹器”或“命名空间”。

    ============================================================================================================================

    在匿名函数中想要让匿名函数执行:

          (function(a){console.log(a)})(20); ===》可以在函数中利用匿名函数的命名空间实现一些关于代码执行顺序的问题;

         eg:

    <script>
    document.addEventListener('DOMContentLoaded',function(){
    'use strict';//严格模式

    var btns = document.querySelectorAll('.form-group button');

    // 遍历所有按钮
    // * 点击输出相应索引值:匿名函数
    // * 2s后输出输出相应内容
    for(var i=0;i<btns.length;i++){
        (function (i){
          btns[i].onclick = function(){
                setTimeout(function(){

              console.log(i);

          },2000)
        }})(i);

      }
    })
    </script>
    </head>
    <body>
    <h1></h1>
    <div class="form-group">
    <button>按钮1</button>
    <button>按钮2</button>
    <button>按钮3</button>
    <button>按钮4</button>
    <button>按钮5</button>
    </div>
    </body>

    ============================================================================================================================

      在js文件中自动执行的写法: (function(){console.log("aa")})();

                    这样的写法,只能输出 aa 

                    想要传入参数,就必须里外两个括号都要有参数,(function(//形参){//代码;})(//实参);

  • 相关阅读:
    linux批量远程多服务器FTP并下载文件的脚本
    NPM更换国内源
    Win10禁用无用的服务
    JS测试
    FastAdmin导出
    VScode全局设置
    Vue路由history模式
    kill_devtmpfsi
    获取域名URL
    Axios去除Respones中的config、headers、request
  • 原文地址:https://www.cnblogs.com/m1768/p/9150994.html
Copyright © 2011-2022 走看看