JS5 -- 回调

概念:

A callback is a function that is passed as an argument to another function and is executed after its parent function has completed.

回调函数()通过参数的形式传递到另个函数,在另一个函数的方法执行完后,执行回调函数;

作用:

请求后端数据或耗时长后,依赖前面的方法或属性,用这些数据做后边的事。)

例子:Ajax请求后台数据后,把请求的数据显示在页面上。

 

例子:

场景

  朋友聚会后各种回家,他们约定通过各种途径回家完成后,在微信群报个到!

 

goHomeMethod('走回家了',goHomeMethodDone)



function goHomeMethod (method,callback) {         //走回家的方式
    console.log(method);        //朋友1走回家30分钟,朋友2骑自行车40分钟。。。。。。
    callback();      //回调函数
}



//回调函数

function goHomeMethodDone () {              //走回家后的报到
  console.log("微信发报到消息!");

}


打印结果:
走回家了
微信发报到消息!

  

 (如果定时器时,定时器的方法会添加到事件队列的末尾)

a('走回家了',goHomeMethodDone)

function a (method,callback) {

  seTimeout(function () {

    console.log(method)

  })

  callback();

}

打印结果:(定时器会把‘我回家了’添加到事件队列的末尾)

微信发报到消息!

走回家了

 

 

使用一个定时器和回调函数防止代码阻塞

posted @ 2018-09-24 12:31  Yo!  阅读(206)  评论(0编辑  收藏  举报