首页 网络技术
  1. 正文

JavaScript回调函数怎么应用

  回调函数

  回调函数就是一个函数,它是在我们启动一个异步任务的时候就告诉它:等你完成了这个任务之后要干什么。这样一来主线程几乎不用关心异步任务的状态了,他自己会善始善终。

  实例

  function print() {

  document.getElementById("demo").innerHTML="RUNOOB!";

  }

  setTimeout(print, 3000);

  这段程序中的 setTimeout 就是一个消耗时间较长(3 秒)的过程,它的第一个参数是个回调函数,第二个参数是毫秒数,这个函数执行之后会产生一个子线程,子线程会等待 3 秒,然后执行回调函数 "print",在命令行输出 "RUNOOB!"。

  当然,JavaScript 语法十分友好,我们不必单独定义一个函数 print ,我们常常将上面的程序写成:

  实例

  setTimeout(function () {

  document.getElementById("demo").innerHTML="RUNOOB!";

  }, 3000);

  注意:既然 setTimeout 会在子线程中等待 3 秒,在 setTimeout 函数执行之后主线程并没有停止,所以:

  实例

  setTimeout(function () {

  document.getElementById("demo1").innerHTML="RUNOOB-1!";

  }, 3000);

  document.getElementById("demo2").innerHTML="RUNOOB-2!";

  console.log("2");

  这段程序的执行结果是:

  RUNOOB-1!

  RUNOOB-2!

本文标题:JavaScript回调函数怎么应用
本文链接:https://www.qqooo.cn/post/6459.html
版权说明:网站文章均来源于手工整理和网友投稿,若有不妥之处请来信 xsds@vip.qq.com 处理,谢谢!