• 立即执行函数


    1.立即执行函数有两种写法:(立即执行函数是在定义函数时直接执行)

    ( function(){…} )()和( function (){…} () ),一个是一个匿名函数包裹在一个括号运算符中,后面再跟一个小括号,另一个是一个匿名函数后面跟一个小括号,然后整个包裹在一个括号运算符中,这两种写法是等价的

    2.使用立即执行函数的好处

    通过定义一个匿名函数,创建了一个新的函数作用域,相当于创建了一个“私有”的命名空间,该命名空间的变量和方法,不会破坏污染全局的命名空间。此时若是想访问全局对象,将全局对象以参数形式传进去即可,如jQuery代码结构:

    其中window即是全局对象。作用域隔离非常重要,是一个JS框架必须支持的功能,jQuery被应用在成千上万的JavaScript程序中,必须确保jQuery创建的变量不能和导入他的程序所使用的变量发生冲突。

    3.立即执行函数和闭包有什么关系

    和普通函数传参一样,立即执行函数也可以传递参数。如果在函数内部定一个函数,而里面的那个函数能引用外部的变量和参数(闭包),我们就能用立即执行函数锁定变量保存状态。

    <div>
        <ul>
            <li><a>第一个超链接</a></li>
            <li><a>第二个超链接</a></li>
        </ul>
    </div>
      var elems = document.getElementsByTagName('a');
        for(var i=0; i < elems.length; i++){
          (function (LockedInIndex) {
            elems[i].addEventListener('click', function (e) {
              e.preventDefault();
              alert('I am cliick Link #' + i);
            }, 'false')
          })(i)
        }

  • 相关阅读:
    美化滚动条
    js 格式转化
    vue 实现 前端生成随机验证码
    Vue.js CLI4 Vue.config.js标准配置
    在鼠标右键 新建 添加md文件
    节流和防抖
    关于IE 浏览器 GET 请求缓存问题
    VSCode 背景插件
    Java后台开发Tomcat添加https支持小程序开发过程
    InnoDB与MyISAM等存储引擎对比
  • 原文地址:https://www.cnblogs.com/psxiao/p/11376271.html
Copyright © 2020-2023  润新知