js中的宏任务与微任务
在面试过程中，基本面试官都会问你一些promise的问题，promise是es6的新内容，主要是用来优化异步的问题。笔试中经常会让你写一些promise和setTimeout的执行结果，这你就必须知道宏任务和微任务的概念了！
为什么要使用promise
如果你经历过以前的jquery开发项目，你会遇到以下问题：回调地狱
$.ajax({
...
success: function() {
...
$.ajax({
...
success: function() {
}
})
...
}
})
原因分析：
ajax请求嵌套，原因是我第二个请求依赖的参数在第一个请求的结果中，所以就得这么一直嵌套下去，ajax是异步的，不能再外面拿到里面的结果。这种代码导致的问题就是调试困难，耦合性非常高，后期改动一个地方就头疼！维护非常困难，代码可读性差。
于是乎就引入了promise对ajax进行了优化，axios就是基于promise的一个请求封装库，他们底层都是基于js原生的XMLHTTPREQUEST.
promise().then().catch()链式调用，多个请求可以promise().then().then()。
何为宏任务，何为微任务"htmlcode">
再看async and await中的执行顺序 代码如下（示例）： 总结 js是单线程语言，它的用途决定了他的特性，异步操作通过事件循环机制，先执行同步代码，然后微任务，最后宏任务，两个任务队列里的任务排队依次执行。await后面的代码必须等待promise返回结果再执行下面代码，await和async是generator函数的语法糖。
setTimeout(function(){console.log(1)},0); // 进入宏任务队列，最后执行宏任务
new Promise(function(resolve,reject){
console.log(2); //这句代码在promise构造器，同步执行
resolve(); // 执行了resolve再把任务放入微队列
}).then(function(){console.log(3)
}).then(function(){console.log(4)});
process.nextTick(function(){console.log(5)});
console.log(6); // 主程序代码
// 输出2,6,5,3,4,1
// 下面这个进阶代码
setTimeout(function(){console.log(1)},0); // 进入宏任务排序为1
new Promise(function(resolve,reject){
console.log(2);
// promise中执行完resolve()才会执行then(),而这里的resolve在宏任务里，执行完主程序代码后，还得先执行先进入宏队列中的程序
setTimeout(function(){resolve()},0) // 进入宏任务排序为2
}).then(function(){console.log(3)
}).then(function(){console.log(4)});
process.nextTick(function(){console.log(5)});
console.log(6);
// 输出的是 2 6 5 1 3 4
async function async1() {
console.log(1);
await async2();
console.log(2); //这里要等await执行成功才会执行，进入微任务，排序1
}
async function async2() {
console.log(3);
}
console.log(4); //主程序代码
setTimeout(function() {
console.log(5);
}, 0) //进入宏任务，最后执行
async1();
new Promise(function(resolve) {
console.log(6); // 这句同步执行
resolve();
}).then(function() {
console.log(7); //进入微任务，排序2
});
console.log(8); // 主程序代码
// 输出的是 4,1,3,6,8,2,7,5
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
更新日志
- 凤飞飞《我们的主题曲》飞跃制作[正版原抓WAV+CUE]
- 刘嘉亮《亮情歌2》[WAV+CUE][1G]
- 红馆40·谭咏麟《歌者恋歌浓情30年演唱会》3CD[低速原抓WAV+CUE][1.8G]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[320K/MP3][193.25MB]
- 【轻音乐】曼托凡尼乐团《精选辑》2CD.1998[FLAC+CUE整轨]
- 邝美云《心中有爱》1989年香港DMIJP版1MTO东芝首版[WAV+CUE]
- 群星《情叹-发烧女声DSD》天籁女声发烧碟[WAV+CUE]
- 刘纬武《睡眠宝宝竖琴童谣 吉卜力工作室 白噪音安抚》[FLAC/分轨][748.03MB]
- 理想混蛋《Origin Sessions》[320K/MP3][37.47MB]
- 公馆青少年《我其实一点都不酷》[320K/MP3][78.78MB]
- 群星《情叹-发烧男声DSD》最值得珍藏的完美男声[WAV+CUE]
- 群星《国韵飘香·贵妃醉酒HQCD黑胶王》2CD[WAV]
- 卫兰《DAUGHTER》【低速原抓WAV+CUE】
- 公馆青少年《我其实一点都不酷》[FLAC/分轨][398.22MB]
- ZWEI《迟暮的花 (Explicit)》[320K/MP3][57.16MB]