JS异步编程实例详解

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异步编程实例详解的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2785629.html

(0)
上一篇 2025年3月8日 17:29:59
下一篇 2025年2月25日 16:33:50

AD推荐 黄金广告位招租... 更多推荐

相关推荐

发表回复

登录后才能评论