首页
技术小册
AIGC
面试刷题
技术文章
MAGENTO
云计算
视频课程
源码下载
PDF书籍
「涨薪秘籍」
登录
注册
ES5和ES6的介绍
ES5中的严格模式
ES5中的一些扩展
ES6：变量 let、const 和块级作用域
ES6：变量的解构赋值
ES6：箭头函数
剩余参数和扩展运算符
字符串、数组、对象的扩展
内置对象扩展：Set数据结构
Symbol
服务器分类及PHP入门
单线程和异步
Ajax入门和发送http请求
Ajax传输json和XML
同源和跨域
Promise入门详解
Promise的链式调用
Promise的静态方法
宏任务和微任务
Promise应用举例
Async Await函数详解
当前位置:
首页>>
技术小册>>
Javascript-ES6与异步编程
小册名称：Javascript-ES6与异步编程
## 准备知识 - 在执行一个 Promise 对象的时候，当走完`resolve();`之后，就会立刻把 `.then()`里面的代码加入到**微任务队列**当中。 - 任务的一般执行顺序：**同步任务 --> 微任务 --> 宏任务**。 ## 代码举例 ### 举例 1：宏任务和微任务的执行顺序 ```js setTimeout(() => { // 宏任务 console.log('setTimeout'); }, 0); new Promise((resolve, reject) => { resolve(); console.log('promise1'); // 同步任务 }).then((res) => { // 微任务 console.log('promise then'); }); console.log('qianguyihao'); // 同步任务 ``` 打印结果： ``` promise1 qianguyihao promise then setTimeout ``` 上方代码执行的顺序依次是：**同步任务 --> 微任务 --> 宏任务**。 ### 举例 2：宏任务和微任务的嵌套 ```js new Promise((resolve, reject) => { setTimeout(() => { resolve(); console.log('setTimeout'); // 宏任务 }, 0); console.log('promise1'); }).then((res) => { // 微任务 console.log('promise then'); }); console.log('qianguyihao'); ``` 打印结果： ``` promise1 qianguyihao setTimeout promise then ``` 上方代码解释：在执行宏任务的**过程中**，创建了一个微任务。但是需要**先把当前这个宏任务执行完**，再去**创建并执行**微任务。
上一篇：
Promise的静态方法
下一篇：
Promise应用举例
该分类下的相关小册推荐：
Javascript编程指南
剑指javascript-ES6
剑指javascript
经典设计模式Javascript版
KnockoutJS入门指南
javascript设计模式原理与实战
Javascript重点难点实例精讲（一）
npm script实战构建前端工作流
ES6入门指南
Flutter核心技术与实战
JavaScript入门与进阶
web前端开发性能优化实战
