回调函数

回调函数

回调函数的基础定义

//主程序
 function fn1(f){
       fn2();
    }
//回调函数
 function fn2(){
    console.log("aaa");
     }
  fn1(fn2);   //定义:函数的名字作为另外一个函数的参数传入，叫做回调函数

回调函数的误区

function fn1(){
      console.log("aaa");
      fn2();
}
function fn2(){
      console.log("bbb");
      fn1();           //这种方式不是回调函数，是函数在函数中执行。
}

用回调函数写一个小案例：
用户入的第一个数和第二个数之间能被3和5整除的数有那些

    <form action="">
        输入起始数：<input type="text" id="first"><br>
        输入终止数：<input type="text" id="sec"><br>
        <input type="button" value="查看" onclick="main()">
    </form>
    //先简单写个框架
            // 大盒子包一个回调函数
        function main(){
            var a = parseInt(document.getElementById("first").value);
            var b = parseInt(document.getElementById("sec").value);
            //主函数
            function calc(a, b, c) {
                for (var i = a; i <= b; i++) {
                    if (c(i)) {
                        document.write(i+"<br/>")
                    }
                }
            }
            //回调函数 
            // calc(a,b,c)
            // | |
            // | |
            calc(a,b,function(n){
            		//这个匿名函数就相当于是c
                if (n%3==0 && n%5==0) {
                    return true;
                }else{
                    return false;
                }
            })
        }