首页 > web前端 > js教程 > 正文

JS异步编程实例详解

小云云
发布: 2018-02-28 11:31:14
原创
1473 人浏览过

JS语言的执行环境是“单线程”为什么会出现异步编程呢?

单线程是指一次只能完成一件任务。如果有多个任务的话就必须排队,等前面的任务执行完才能执行下一个任务。

两种任务执行模式:同步和异步
“异步模式”:
回调函数是异步编程最基本的方法。每一个任务有一个或多个回调函数,前一个任务执行后不是执行后一个任务,而是执行回调函数,后一个任务则是不等前一个任务结束后就执行,所以程序的执行顺序与任务的排列顺序是不一致的,异步的。
异步编程的4种方法:

一、回调函数
这是异步编程最基本的方法。
假定有两个函数f1和f2,后者等待前者的执行结果。
如果f1是一个很耗时的任务,可以把f2写成f1的回调函数。

function f1(callback){ 

  setTimeout(function(){ 

  //f1的任务代码 

  callback(); 

  },1000); 

  }
登录后复制

执行代码

f1(f2)
采用这种方式的优点是简单,容易理解和部署,缺点是不利于代码的阅读和维护,各个部分之间高度耦合,流程会很混乱,而且每个任务只能指定一个回调函数。

二、事件监听
采用事件驱动模式。任务的执行不取决于代码的顺序,而取决于某个事件是否发生。
首先,为f1绑定一个事件(采用jQuery的写法)。

f1.on(‘done’,f2); 

  //当f1发生done事件,就执行f2。然后对f1进行改写:
登录后复制

如下:

fuction f1(){ 

  setTimeout(function(){ 

  //f1的任务代码 

  f1.trigger(‘done’); 

  },1000); 

  }
登录后复制

f1.tigger(‘done’)表示,执行完成后,立即触发done事件,从而开始执行f2。
这种方法的优点是 :容易理解 ,可以绑定多个事件,每个事件可以指定多个回调函数,而且可以去耦合,有利于实现模块化。
缺点:整个程序都要变成事件驱动型,运行流程会变得很不清晰。

相关推荐:

Javascript异步编程的4种方法介绍

javascript异步编程之回调函数和管理器用法实例详解

Javascript异步编程的方法介绍

以上是JS异步编程实例详解的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板