位置: 编程技术 - 正文

详谈javascript异步编程(js异步编程的四种方法)

编辑:rootadmin

推荐整理分享详谈javascript异步编程(js异步编程的四种方法),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:js的异步解决方案有哪些,js有哪些异步操作,js有哪些异步操作,javascript异常,js的异步解决方案有哪些,js的异步解决方案有哪些,javascript异常,javascript异常,内容如对您有帮助,希望把文章链接给更多的朋友!

异步编程带来的问题在客户端Javascript中并不明显,但随着服务器端Javascript越来越广的被使用,大量的异步IO操作使得该问题变得明显。许多不同的方法都可以解决这个问题,本文讨论了一些方法,但并不深入。大家需要根据自己的情况选择一个适于自己的方法。

本文为大家详细介绍js中的异步编程,具体内容如下

一 关于事件的异步

事件是JavaScript中最重要的一个特征,nodejs就是利用js这一异步而设计出来的。所以这里讲一下事件机制。

在一个js文件中,如果要运行某一个函数,有2中手段,一个就是直接调用,比如foo(),第二就是利用事件来触发,这中函数也叫回调函数,比如传递给setTimeout函数和onready属性。

1.setTimeout函数中的事件异步setTimeout本质上也是一种异步事件,当延迟时间到的时候触发该事件,但是有的有的时候(其实也是大部分时候)都不会按照给定的延迟时间执行,先看下面的代码

如果按照正常的理解,延迟函数应该在毫秒之后打断while循环,而事实上并没有,并且,我在while循环和for循环期间点击div时候并没有立即输出test,给出的解释就是:

a)事件队列。调用setTimeout函数的时候,会把传入它的回调函数加入到事件队列中去(事件已经初始化并且在内存了),然后继续执行后面的代码,直到再也没有代码可以运行(没有正常的运行流了,不包括事件函数等异步的内容),就会从事件队列里面pop出一个合适的事件来运行。

b)js是单线程的,事件处理器在线程空闲之前是不会运行的。

详谈javascript异步编程(js异步编程的四种方法)

2 普通事件的异步和setTimeout类似二 promise对象和deferred对象

1. promisepromise是一种解决ajax等异步编程回调函数嵌套太多导致代码晦涩难懂的解决方案,特别是在nodejs中,异步无处不在。不同的框架对promise的实现,一下是jquery中的promise的API。

这里不讲promise的实现原理,关于原理在另外的篇幅中介绍。

传统的ajax异步编程是这么写的(jquery1.5之前):

这么写代码给开发和维护带来了极大的困难,好在jquery1.5以后引入了promise,就可以这么写了:

现在看上去就明显简单多了。

2.deferred对象

三.worker对象和多线程

四.异步脚本加载

1.传统脚本在页面中的位置脚本分为两大类:阻塞式和非阻塞式。这里的阻塞是指加载阻塞而不是运行阻塞。

上面这部分代码是比较标准的关于脚本在一个页面中的位置,1.其中传统的未加任何修饰的headScript是阻塞式的脚本,由于浏览器从上到下解释执行JavaScript,所以这部分脚本文件在一开始就会被执行,并且在执行完之前是DOM是不会渲染的,但是head标签里面的css会加载。2.有defer属性的脚本会在DOM渲染的同时进行加载,但是会在DOM渲染完毕之后才开始执行,不幸的是,不是所有的浏览器都支持defer属性,所以才会有了jquery(function)这个东西。3.同时带有async属性和defer属性时候,defer会覆盖async,但是单独有async的时候,脚本会在DOM渲染的时候加载并且运行。

2.可编程的脚本加载如果不是一开始就在页面种引入js文件,而是通过用户交互来实现动态的加载js脚本,可以通过编程方式加入。

浏览器获取服务器脚本有2个方法,ajax获取并且通过eval函数执行,另外一个就是在DOM中插入<script>标签,一般用第二种方法,因为浏览器帮助我们生成HTTP请求以及eval会泄露作用域。

标签: js异步编程的四种方法

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

上一篇:浅谈javascript的call()、apply()、bind()的用法(javascript用处)

下一篇:TypeOf这些知识点你了解吗(typeof的缺点)

  • 公司注销所有者权益账面怎么处理
  • 小规模纳税人转让不动产增值税
  • 收到增值税发票怎么认证
  • 城建税减半从什么时候开始
  • 运输企业内账
  • 增值税进项加计扣除计入哪个科目
  • 劳务费发票是个人开还是公司开
  • 制造业主要生产工艺
  • 录入凭证需要做哪些工作
  • 个体工商户所得税税率表
  • 购入原材料退货的记账凭证怎么写
  • 工伤保险可以税后支付吗
  • 新税法下广告费计税依据
  • 小规模纳税人没有成本票怎么做账
  • 一般纳税人可以开3%的发票吗
  • 工会经费怎么做账务处理
  • 企业账面库存过大应怎样处理好
  • 旅行社开的发票是否都要差额征税
  • 加计抵减申报表填写视频
  • 城市维护建设税税率
  • 进项税未抵扣会计分录
  • 小区保安有收物业费的权利和义务吗?
  • win7更改电脑设置在哪里
  • dhcp的安全防范
  • 会计分录是怎么写的
  • 公司决议效力确认纠纷
  • 支付航天的代理公司
  • 电冰箱一天用多少电费正常
  • macos big sur怎么恢复出厂设置
  • 外资企业股权转让给外资企业
  • ros source
  • laravel搭建
  • 购买净资产为负的资产
  • 企业安全生产费用不得出现赤字
  • 劳务所得和经营所得有啥区别
  • node.js环境搭建
  • 对公户怎么取备用金
  • 谷歌浏览器调试窗口怎么放下面
  • 基于Python的图书馆信息管理系统研发
  • vue中使用jsx语法
  • 工资计提与发放在一个月行吗
  • 卖出回购证券的钱怎么算
  • 其他应收款坏账处理
  • 增值税发票开具规定
  • phpcms生成html
  • python中Plotly Express是什么?
  • 一般纳税人零申报报税流程
  • 小规模纳税人劳务费税率
  • 刻章费用如何做账务处理
  • 金融企业买入返还股票
  • sqlserver2008r2怎么使用
  • 下列行为免征增值税的有
  • 低值易耗品摊销计入什么科目
  • 原材料专票入库怎么入账
  • 外商投资有限合伙企业
  • 已认证发票退回说明模板
  • 无发票临时工劳务费账务处理
  • 资产损失根据发票核算
  • 月末结转各项费用支出479000
  • 专用发票给客户的都要盖章吗
  • 苹果发布会最新消息
  • 关于操作系统的叙述中
  • sllights.exe - sllights进程是什么意思
  • windows2008无法识别usb
  • linux运行级别有几种
  • Cocos2d-x c++和java相互调用
  • js的split用法
  • js里的this
  • linux查看端口号占用
  • cd跳转不到目录
  • 深入理解计算机系统
  • jquery点击跳转页面
  • android数据存储文件读写实验
  • 国家税务总局宁夏回族自治区税务局
  • 中国体育体制改革的特点
  • 加工销售如何做账
  • 国考报四川的去哪考
  • 税务稽查项目书的填写
  • 预缴增值税申报表申报期限
  • 河南省城市规划法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设