位置: 编程技术 - 正文

详谈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的缺点)

  • 增值税专用发票抵扣期限
  • 为什么会有不同的课程定义
  • 城镇土地使用税的计算公式
  • 企业工商年报填写须知
  • 基本户可以直接转账给个人吗
  • 关联方交易金额太大有什么后果
  • 债权投资产生的利息调整包括哪些内容
  • 前一年的发票第二年改抬头
  • 发票章盖金额上去了
  • 2020年企业减免
  • 外商投资企业是中国企业吗
  • 汇算清缴之后报销去年的票如何分录?
  • 固定资产并账
  • 建筑公司对外如何开票
  • 自行建造固定资产的计税基础
  • 合并报表盈余公积怎么提
  • 税盘没有抄报各月,有罚款吗
  • 增值税申报表第31栏为什么有数字
  • 出现一窗式比对失败,该纳税人没有防伪税控比对信息!
  • 不管金税四期上线与否,税务严查一刻也没有放松!
  • 金税四期什么时候正式上线
  • 会计员如何处理21种差额计税?
  • 关于个人所得税下列说法正确的是
  • 洒水车属于免税车辆吗?
  • 金税三期个人所得税扣缴系统网络设置
  • 总分类账的账簿启用表怎么填
  • 车间发生的购买办公用品支出应计入什么账户
  • 收到免税苗木发票怎么做账
  • 出口发票上的汇率按哪个开?
  • 上月留抵的增值税在哪查询
  • 六月雪的养殖方法和注意事项
  • 应收账款周转率高说明
  • 增值税贷方余额为负数怎么调整
  • 企业接到银行收账通知
  • win10网页打不开但是有网
  • 百度有钱花借钱会上征信吗
  • 苹果系统的声音
  • 默认网关不可用的解决办法
  • 房地产企业增值税扣除土地成本
  • 环绕着山的是什么歌
  • 万字短文
  • vue3 element-plus
  • React18的useEffect会执行两次
  • vue设置背景图片透明度
  • 付检测费会计分录
  • php自动转换
  • 公司租赁员工的房屋
  • 补缴印花税分录
  • 工程咨询服务发展的指导意见有哪些
  • 公司欠款利息收据怎么写
  • 账务处理程序的定义
  • 应付账款长时间不付款怎么处理
  • 所得税费用的核算方法叫
  • 工会经费滞纳金怎么算
  • 期初调整分录
  • 公司员工垫付款项
  • 增值税是什么的抵减项目
  • 一般纳税人企业所得税多久申报一次
  • 购入研发设备可以抵扣吗
  • 诉讼费用负担原则是什么
  • 股本金退出要交税吗?
  • 物流公司怎么做利润高
  • 租金收入分摊政策规定
  • Centos MySQL 5.7安装、升级教程
  • solaris init 0
  • windows帮助文件是什么
  • xp系统为什么网页打不开了
  • Windows XP英文版序列号
  • linux使用iso镜像
  • hyper虚拟机连接外网
  • win7系统注册表损坏无法启动怎么修复
  • threejs加载obj模型颜色不对
  • nodejs nodemon
  • 用shell写一个脚本,对文本中无序的一列数字排序
  • 一次$.getJSON不执行的简单记录
  • 全面解析日本失去的十年
  • 北京市网上税务局(自然人版)
  • 广州车辆购置税官网
  • 深圳少儿电子医保卡怎么用
  • 主要领导负责人
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设