谁能帮我分析一下下面代码if是什么作用;还有开头与结尾的document

(function(_document){

"use strict";

var menu = _document.getElementById("ui-menu");

if(menu){

    _document.getElementById("ui-menu-btn").addEventListener("touchstart", function(e){
        e.stopPropagation();
        menu.classList.toggle("show");
    }, false);

    _document.getElementById("ui-menu-btn").addEventListener("blur", function(e){
        menu.classList.remove("show");
    }, false);

}

}(document));

第一个_document是形参,第二个document是实参,if的作用是判断html页面中有没有id为ui-menu的元素

这是个匿名自执行函数,下边那个document会作为匿名函数的参数(即_document)传递到匿名函数封闭的作用域里,然后if那里实际是判断这个dom抓到了没(如果有这个元素的话就会抓到是true),抓到的话就执行代码块。

1.立即执行函数:(function(形参){//code })(实参)

2.javascript里假值和空值在条件判断均表示false,所以上述代码if(menu)就是判断ID为ui-menu的元素是否存在,存在则执行页面的逻辑。

上面一个是形参 下面一个是实参 if是表示如果menu为true即存在 则执行下面的代码

自调用的函数,将dooument传入进去

if(string){} 就表示 条件为true 的时候吧

  • 遇到一个面试题关于数组
  • 大家推荐一下js组件相关的书籍呗
  • 基于 session 和基于 token 的用户认证方式到底该如何选择?
  • vue2.0怎么实现点击头部显示当前盒子
  • 苹果上如何把时间戳转换为日期格式呢?
  • 怎么写好代码
  • PHP 数据接口设计
  • fullpage在一个section内还有需要鼠标滚动而触发的事件,如何做到触发事件但不触发fullpage的切换下一页?
  • 有没有用nodejs写的前后端分离的开源项目
  • wordpress里面关于表格样式的问题
  • 动态传值给require加载vue组件?