js高级-回调函数，匿名函数（IIFE）

　　

　　我们先来看一下在JavaScript中，回调函数是指函数A作为参数（函数引用）传递到另一个函数B中，并且这个函数B执行函数A.我们就说A叫做回调函数。如果没有名称（函数表达式），就叫做匿名回调函数。

回调函数

1.什么函数才是回调函数？

　　1）自己定义的

　　2）但是为调用

　　3）最终执行了（在某个时刻或某个条件下）

2.常见的回调函数？

　　1）dom事件回调函数==>发生事件的dom元素

　　2）定时器回调函数

　　3）ajax请求回调函数（本篇暂时未写）

　　4）生命周期回调函数（本篇暂时未写）

<button id="btn">按钮<button>
<script type-"text/javascript">

// dom事件回调函数
document . getElementById('btn'). onclick = function() {                     
   alert(this . innerHTML)
}

//定时器
    //超时定时器
    //循环定时器
//定时器回调函数
setTimeout (function () { 
    alert('到点了')
}，2000)

</script>                

 

匿名函数

没有名字的函数

1.理解

　　全称：Immediately-Invoked Function Expression 立即调用函数表达式

　　别名：匿名函数自调用

2.作用

　　*隐藏内部函数实现

　　*不污染外部（全局）命名空间

(function () {      //匿名函数自调用
     var a = 3
     console.log(a + 3)
})
var a= 4
console.log(a)    //也可以在这加分号 ';'

;(function () {
    var a = 1;
    function test () {
         console.log(++a)
    }
    window.$ = function () {
         return {
              test: test
         }
    }
})()

$().test()