您好,欢迎访问一九零五行业门户网

promise与setTimeout的执行顺序是什么?promise函数执行顺序详解

本篇文章给大家带来的内容是关于promise与settimeout的执行顺序是什么?promise函数执行顺序详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。
有一次在面试题中有做到promise与settimeout的执行顺序,当时有点懵,执行顺序还是弄错了一点点,这里记录下
1.输出
settimeout(function() {console.log(111)}, 0);settimeout(function() {console.log(333)}, 1000);new promise(function(resolve){console.log(444);resolve();console.log(555);})。then(function(){console.log(666);});console.log(777);async function test1() {console.log("test1");await test2();console.log("test1 last");}async function test2() {console.log("test2");}test1();
输出结果
2.个人理解
首先执行同步代码,然后以事件轮询的方式执行异步代码
promise中的异步体现在。then()和。catch()中
而promise中的function里的是同步代码
上面的代码是先执行promise里的同步代码,然后执行脚本里本身的同步代码
async无论方法是同步还是异步都可以用async关键字来进行标识
因为用async标识只是显示表明在该方法内,可能会用到await关键字使其变为异步方法,而且将该异步方法进行了明确的划分,只有用了await关键字时才是异步操作,其余一并为同步操作
同 generator 函数一样,async 函数返回一个 promise 对象,可以使用 then 方法添加回调函数
当函数执行的时候,一旦遇到 await 就会先返回,等到触发的异步操作完成,再接着执行函数体内后面的语句
await 命令后面的 promise 对象,运行结果可能是 rejected,所以最好把 await 命令放在 try…catch 代码块中
3.其他
在网上还找到了一些资料参考了这篇文章的一些内容 参考文章
setimmediate(function(){console.log(1);},0);settimeout(function(){console.log(2);},0);new promise(function(resolve){console.log(3);resolve();console.log(4);})。then(function(){console.log(5);});console.log(6);process.nexttick(function(){console.log(7);});console.log(8);
输出结果: 3 4 6 8 7 5 2 1
macro-task: script (整体代码),settimeout, setinterval, setimmediate, i/o, ui rendering.
micro-task: process.nexttick, promise(原生),object.observe,mutationobserver
第一步。 script整体代码被执行,执行过程为
创建setimmediate macro-task
创建settimeout macro-task
创建micro-task promise.then 的回调,并执行script console.log(3); resolve(); console.log(4); 此时输出3和4,虽然resolve调用了,执行了但是整体代码还没执行完,无法进入promise.then 流程。
console.log(6)输出6
process.nexttick 创建micro-task
console.log(8) 输出8
第一个过程过后,已经输出了3 4 6 8
第二步。 由于其他micro-task 的 优先级高于macro-task。
此时micro-task 中有两个任务按照优先级process.nexttick 高于 promise,所以先输出7,再输出5
第三步,micro-task 任务列表已经执行完毕,家下来执行macro-task. 由于settimeout的优先级高于setiimmediate,所以先输出2,再输出1。
优先级: promise.trick()>promise的回调>settimeout>setimmediate
以上就是对promise与settimeout的执行顺序是什么?promise函数执行顺序详解的全部介绍,如果您想了解更多有关javascript教程,请关注。
以上就是promise与settimeout的执行顺序是什么?promise函数执行顺序详解的详细内容。
其它类似信息

推荐信息