什么是JavaScript的事件循环?Promise对象怎么使用?异步编程怎么实现?

本文介绍了JavaScript的单线程特性,解释了为何JS采用事件轮询机制,并详细阐述了Promise对象的使用,包括resolve和reject函数,以及Promise.all()和Promise.race()的用法。此外,还探讨了async和await在异步编程中的应用。
摘要由CSDN通过智能技术生成

JS是单线程的

原因

JS是浏览器脚本语言,要和用户做频繁的实时互动和对dom进行操作,多线程会带来很复杂的同步问题。

如:线程1准备更新某个p标签,这时线程2将该p标签删除了,这就带来程序运行的错误。

alert函数

alert函数会暂停当前主程序的执行,同时暂停计时,点击确定后恢复。

事件轮询机制

JS代码从进程的角度可分为初始化代码和回调代码,所有代码都在执行栈中执行。js引擎启动后先把初始化代码全部执行一遍(包含一些特别代码,设置定时器、绑定事件监听、发送ajax请求),随后才可能执行回调代码里的回调函数(称为异步执行)。

当执行栈中无待执行程序后,首先检查微任务队列,将微任务队列中的任务依次放入执行栈中执行,直到清空微任务队列,然后检查宏任务队列,将宏任务队列的第一个任务放入执行栈执行,并且每完成一个宏任务就会去检查微任务队列,将微任务队列中堆积的任务全部依次执行完毕后再回到宏任务队列执行下一个宏任务,如此反复。

补充:

1.每次清空微任务队列后,如果DOM结构发生变化,会尝试DOM渲染。

2.微任务是ES6语法规定的,宏任务是浏览器规定的。

Promise对象

Promise 是 ES6 新增加的

new Promise(function(resolve, reject){	//构造Promise对象时,输入参数为一个函数
  //do something												//该函数里面的内容会被立即执行
  if(没有出错){
    resolve(v1,v2....);									//程序正常运行时resolve被调用,随后作为微任务异步执行
  }else{
    reject(v3,v4....);									//程序异常运行时reject被调用,随后作为微任务异步执行
  }
}).then(fun1,fun2);											//第一个参数为resolve调用时要执行的回调函数,
                                        //第二个参数为reject被调用时要执
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值