位置: 编程技术 - 正文

深入理解JavaScript编程中的同步与异步机制(深入理解中国式现代化)

编辑:rootadmin

推荐整理分享深入理解JavaScript编程中的同步与异步机制(深入理解中国式现代化),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:深入理解新发展理念,推进供给侧结构性改革 心得体会,深入理解新发展理念,深入理解javascript特性,深入理解计算机系统,深入理解新发展理念,深入理解javascript,深入理解javascript,深入理解javascript特性,内容如对您有帮助,希望把文章链接给更多的朋友!

JavaScript的优势之一是其如何处理异步代码。异步代码会被放入一个事件队列,等到所有其他代码执行后才进行,而不会阻塞线程。然而,对于初学者来说,书写异步代码可能会比较困难。而在这篇文章里,我将会消除你可能会有的任何困惑。理解异步代码

JavaScript最基础的异步函数是setTimeout和setInterval。setTimeout会在一定时间后执行给定的函数。它接受一个回调函数作为第一参数和一个毫秒时间作为第二参数。以下是用法举例:

正如预期,控制台先输出“a”、“b”,大约毫秒后,再看到“c”、“d”、“e”。我用“大约”是因为setTimeout事实上是不可预知的。实际上,甚至 HTML5规范都提到了这个问题:

“这个API不能保证计时会如期准确地运行。由于CPU负载、其他任务等所导致的延迟是可以预料到的。”

有趣的是,直到在同一程序段中所有其余的代码执行结束后,超时才会发生。所以如果设置了超时,同时执行了需长时间运行的函数,那么在该函数执行完成之前,超时甚至都不会启动。实际上,异步函数,如setTimeout和setInterval,被压入了称之为Event Loop的队列。

Event Loop是一个回调函数队列。当异步函数执行时,回调函数会被压入这个队列。JavaScript引擎直到异步函数执行完成后,才会开始处理事件循环。这意味着JavaScript代码不是多线程的,即使表现的行为相似。事件循环是一个先进先出(FIFO)队列,这说明回调是按照它们被加入队列的顺序执行的。JavaScript被 node选做为开发语言,就是因为写这样的代码多么简单啊。

Ajax

异步Javascript与XML(AJAX)永久性的改变了Javascript语言的状况。突然间,浏览器不再需要重新加载即可更新web页面。 在不同的浏览器中实现Ajax的代码可能漫长并且乏味;但是,幸亏有jQuery(还有其他库)的帮助,我们能够以很容易并且优雅的方式实现客户端-服务器端通讯。

我们可以使用jQuery跨浏览器接口$.ajax很容易地检索数据,然而却不能呈现幕后发生了什么。比如:

较容易犯的错误,是在调用$.ajax之后马上使用data,但是实际上是这样的:

底层的XmlHttpRequest对象发起请求,设置回调函数用来处理XHR的readystatechnage事件。然后执行XHR的send方法。在XHR运行中,当其属性readyState改变时readystatechange事件就会被触发,只有在XHR从远端服务器接收响应结束时回调函数才会触发执行。

处理异步代码

异步编程很容易陷入我们常说的“回调地狱”。因为事实上几乎JS中的所有异步函数都用到了回调,连续执行几个异步函数的结果就是层层嵌套的回调函数以及随之而来的复杂代码。

node.js中的许多函数也是异步的。因此如下的代码基本上很常见:

下面的客户端代码也很多见:

Nested callbacks can get really nasty, but there are several solutions to this style of coding.

深入理解JavaScript编程中的同步与异步机制(深入理解中国式现代化)

嵌套的回调很容易带来代码中的“坏味道”,不过你可以用以下的几种风格来尝试解决这个问题

The problem isn't with the language itself; it's with the way programmers use the language — Async Javascript.

没有糟糕的语言,只有糟糕的程序猿 ——异步JavaSript

命名函数

清除嵌套回调的一个便捷的解决方案是简单的避免双层以上的嵌套。传递一个命名函数给作为回调参数,而不是传递匿名函数:

此外, async.js 库可以帮助我们处理多重Ajax requests/responses. 例如:

这段代码执行两个异步函数,每个函数都接收一个名为"done"的回调函数并在函数结束的时候调用它。当两个"done"回调函数结束后,parallel函数的回调函数被调用并执行或处理这两个异步函数产生的结果或错误。

Promises模型引自 CommonJS/A:

promise表示一个操作独立完成后返回的最终结果。

有很多库都包含了promise模型,其中jQuery已经有了一个可使用且很出色的promise API。jQuery在1.5版本引入了Deferred对象,并可以在返回promise的函数中使用jQuery.Deferred的构造结果。而返回promise的函数则用于执行某种异步操作并解决完成后的延迟。

这允许你执行两个异步函数后,等待它们的结果,之后再用先前两个调用的结果来执行另外一个函数。

promise表示一个操作独立完成后返回的最终结果。

在这段代码里,geocode方法执行了两次并返回了一个promise。异步函数之后执行,并在其回调里调用了resolve。然后,一旦两次调用resolve完成,then将会执行,其接收了之前两次调用geocode的返回结果。结果之后被传入getRoute,此方法也返回一个promise。最终,当getRoute的promise解决后,doSomethingCoolWithDirections回调就执行了。 事件事件是另一种当异步回调完成处理后的通讯方式。一个对象可以成为发射器并派发事件,而另外的对象则监听这些事件。这种类型的事件处理方式称之为 观察者模式 。 backbone.js 库在withBackbone.Events中就创建了这样的功能模块。

还有其他用于发射事件的混合例子和函数库,例如 jQuery Event Emitter , EventEmitter , monologue.js ,以及node.js内建的 EventEmitter 模块。

事件循环是一个回调函数的队列。

一个类似的派发消息的方式称为 中介者模式 , postal.js 库中用的即是这种方式。在中介者模式,有一个用于所有对象监听和派发事件的中间人。在这种模式下,一个对象不与另外的对象产生直接联系,从而使得对象间都互相分离。

绝不要返回promise到一个公用的API。这不仅关系到了API用户对promises的使用,也使得重构更加困难。不过,内部用途的promises和外部接口的事件的结合,却可以让应用更低耦合且便于测试。

在先前的例子里面,doSomethingCoolWithDirections回调函数在两个geocode函数完成后执行。然后,doSomethingCoolWithDirections才会获得从getRoute接收到的响应,再将其作为消息发送出去。

这允许了应用的其他部分不需要直接引用产生请求的对象,就可以响应异步回调。而在取得命令时,很可能页面的好多区域都需要更新。在一个典型的jQuery Ajax过程中,当接收到的命令变化时,要顺利的回调可能就得做相应的调整了。这可能会使得代码难以维护,但通过使用消息,处理UI多个区域的更新就会简单得多了。

另外一些基于中介者模式传送消息的库有 amplify, PubSubJS, and radio.js。

结论

JavaScript 使得编写异步代码很容易. 使用 promises, 事件, 或者命名函数来避免“callback hell”. 为获取更多javascript异步编程信息,请点击Async JavaScript: Build More Responsive Apps with Less . 更多的实例托管在github上,地址NetTutsAsyncJS,赶快Clone吧 !

举例详解Python中smtplib模块处理电子邮件的使用 在基于互联网的应用中,程序经常需要自动地发送电子邮件。如:一个网站的注册系统会在用户注册时发送一封邮件来确认注册;当用户忘记登陆密码

介绍一个简单的JavaScript类框架 在写work-in-progressJavaScriptbook一书时,对于javascript继承体系,我花费了相当的时间,并在该过程中研究了各种不同的模拟经典类继承的方案。这些技术方

在浏览器中打开或关闭JavaScript的方法 所有现代浏览器都使用了JavaScript的内置支持。很多时候,你可能需要启用或手动禁用此支持。本教程将让您知道如何启用和禁用JavaScript支持,在您的浏

标签: 深入理解中国式现代化

本文链接地址:https://www.jiuchutong.com/biancheng/380462.html 转载请保留说明!

上一篇:举例详解JavaScript中Promise的使用(举例详解民法典第502条)

下一篇:举例详解Python中smtplib模块处理电子邮件的使用(python中deque)

  • 建筑业项目在外地在哪里交增值税
  • 当月开票可以当月缴税吗
  • 公司注销还能要回钱吗
  • 减免水利基金政策
  • 公积金做账需要计提吗怎么做
  • 个体户3万免税免的是哪些税
  • 专家咨询费个人所得税怎么计算
  • 关联方交易容易产生哪些弊端
  • 调整汇算清缴利息怎么算
  • 营改增之后对企业的影响
  • 摊销折旧是什么意思
  • 会计凭证有哪些类型
  • 车间工人加班餐图片
  • 民非企业购买低保政策
  • 运输公司租入的车辆如何核算
  • 职工个人代扣款如何做账
  • 制造业贷款用途
  • 事业单位的房租上缴国库吗
  • 有限合伙企业无限合伙企业
  • 个人所得税怎么查工资明细
  • 增值税扣款凭证包括
  • 其他应付款怎么理解
  • 个人所得税减免申请
  • 企业残疾人保障金
  • 积分现金兑换比例怎样计算
  • 购进生产用原材料,取得增值税专用发票注明税额25600元
  • 支付宝手续费怎么关闭
  • 小规模可以接收专票吗现在
  • 差额银行承兑汇票
  • linux wget命令详解
  • 正常运行英文
  • rasman.exe - rasman是什么进程 有什么作用
  • 股票涨幅公式怎么写
  • 如何利用路由器登陆花生壳
  • php加密文件解密
  • js设置input值
  • 成本法转为权益法例题
  • Yii2使用表单上传文件的实例代码
  • 资产等于负债加所有者权益
  • 会计处理的正确顺序
  • 讯飞智能x2
  • 申请专利费用计入哪个科目
  • 广告宣传制作
  • Ficstar Software � Web Data Extraction Tools
  • 发票普票增票
  • 同时运行多个MySQL服务器的方法
  • 其他应付款的项目
  • 预存电费和后付费哪个好
  • 项目所在地个税网上怎么报
  • 现金流量表补充资料怎么理解
  • 期末没有结账成本怎么办
  • 增值税是否计入税金及附加
  • 公司为员工租房应注意
  • 公司的残保金是分摊到员工身上的吗
  • sqlserver函数大全
  • MSSQL SERVER 2005 数学函数整理
  • agentctl.dll
  • win8中文版怎么升级到win10
  • linux ssh安装包
  • win7系统安装软件重启电脑后就没了
  • win7微软账户
  • unity2019新功能
  • unity脚本如何运行
  • 关于混合基金投资风险以下表述正确的是
  • android获取音频信息
  • 如何使用jquery插件
  • 很好的资源学习入口_android
  • 占位符设置
  • linux中tar命令
  • flask开发实例
  • python截取数据
  • fragment detach
  • 点击按钮显示
  • javascript基础编程
  • python if none
  • acrag
  • 银行与企业之间的信用
  • 张雪峰谈建筑专业
  • 运输装卸费属于增值税价外费用吗
  • 全面推进行政执法公示制度包含的主要内容有
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设