js中的匿名函数和匿名自执行函数

2018-02-11T22:58:09

1.匿名函数的常见场景

js中的匿名函数是一种很常见的函数类型,比较常见的场景:

<input type="button" value= "点击" id= "btn" >
<script type="text/javascript" > 
  //匿名函数的第一种情形 
  var btn = document.querySelector("#btn"); btn.onclick = function () {
    // alert("aaaaa"); 
  }
  //匿名函数的第二种情形 
  setInterval(function () {
    // alert("bbbbb"); 
  }, 1000);
  //匿名函数的第三种情形 
  var fun = function () {
    alert("ccccc");
  } // fun(); 
  //匿名函数的第四种情形 
  var obj = { name: "dddd", say: function () { alert(this.name); } }
  obj.say();
</script>

上面展示的就是常见的匿名函数的使用场景。(注意:querySelector是H5中新增的查找dom元素的方法)

2.匿名自执行函数

见名思义,匿名自执行函数首先是一个匿名函数,但是这个函数是可以自己自动执行的,不需要借助其他的元素。

<input type="button" value= "点击" id= "btn" >
<script type="text/javascript" >
  //1,匿名函数的第一种实现方式
  (function (data) {
    // alert(data);
  })("eee");
  //2.匿名自执行函数的第二种实现方式
  (function () {
    // alert("fff");
  }());
  //3.匿名自执行函数的第三种实现方式
  !function (data) {
    // alert(data);
  }("hhh");
  //4.匿名自执行函数的第四种实现方式
  var fun = function (data) {
    alert(data);
  }("iii");
</script>

 

当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »
因本文不是用Markdown格式的编辑器书写的,转换的页面可能不符合MIP标准。