回调函数的使用

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style type="text/css" media="screen">

       

    </style>

</head>

<body>

    <script type="text/javascript">

    // 回调函数-1个函数走完,回头用它在调用

    //回调函数就是一个参数,将这个函数作为参数传到另一个函数里面,当那个函数执行完之后,再执行传进去的这个函数

    //主函数不用等待回调函数执行完,可以接着执行自己的代码。所以一般回调函数都用在链式运动中动画操作上等。

    //0.如何把函数内部变量拿到外部使用

    //方法1-闭包

//     function aa(){

//      let b=1

//      return function cc(){

//          console.log(20,b);

//      }

//  }

//    aa()()

    //方法2-回调函数

//  function aa(cb){

//      let b=1

//      cb(b)

//  }

//    aa(function(c){

//     console.log(31,c);

//    })



 

    //1.基础的

    //主函数

   

  function A(callback) { //callback形参

       

        console.log('我是主函数')  

        if(callback){  //如果存在就运行

            callback()

        }

           

    }

    //调用-把函数做为实参传进去

    A(function(){ //回调函数

       console.log('我是回调函数')  

    })


 

   //输出结果

   //我是主函数

   //我是回调函数

   

    //2.升级下-把主函数里的值传出去

    //主函数

/*  function A(callback) {

       

        console.log('我是主函数')  

        var dd=22

        if(callback){

            callback(dd)//把dd值传出去

        }

           

    }

   

    //调用-把函数做为实参传进去

    A(function(aa){

       console.log('我是回调函数')

       console.log(aa)

    }) */

   



 

    </script>

</body>

</html>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值