异步操作

柔光的暖阳◎ 2021-11-23 16:10 248阅读 0赞

async function async1()\{

console.log('async1 start');

await async2();

console.log('async1 end');

\}

async function async2()\{

console.log('async2');

\}

console.log('script start');

setTimeout(function()\{

console.log('setTimeout');

\},0)

async1();

new Promise(function(resolve)\{

console.log('promise1');

resolve();

\}).then(function()\{

console.log('promise2')

\})

console.log('script end');

执行顺序是：script start -> async1 start -> async2 -> promise1 -> script end -> promise2 -> async1 end -> setTimeout

这题主要是考察事件循环中函数执行顺序的问题，分别有async,await,setTimeout,Promise

JS分为同步任务和异步任务，同步任务都在主线程上执行形成一个执行栈。主线程之外事件触发线程管理着一个任务队列，只要异步任务有了运行结果，就在任务队列中方置一个事件，一旦执行栈中的所有同步任务执行完毕后（JS引擎空闲）,系统就会读取任务队列，将可运行的异步任务添加到可执行栈中开始执行。

这里还用到了宏任务和微任务的知识点:

宏任务:可以理解每次执行栈执行的代码就是一个宏任务包括每次从事件队列中获取一个事件回调并放到执行栈中执行。

微任务:可以理解当宏任务执行结束后立即执行的任务。

Promise和async中的立即执行

Promise的异步执行体现在then和catch上，所以Promise中的代码是当作同步任务执行,而async/await中，在出现await出现之前，其中的代码也是立即执行的，实际上await是一个让出线程的标志await后面的代码会先执行一遍，将await后面的代码加入到微任务中，然后跳出整个async函数执行后面的代码。

可以看到上面的代码中有2个async函数,async函数中在await之前的代码会立即执行，遇到await后会将await后面的表达式执行一遍输出async2将await后面的代码加入到微任务中等待执行，Promise和setTimeout就不多介绍了Promise的异步属于微任务,setTimeout属于宏任务，所以会先执行Promise的异步代码。

转载于:https://www.cnblogs.com/wangqian1997/p/11180886.html

发表评论取消回复

表情：

评论列表（有 0 条评论，248人围观）

还没有评论，来说两句吧...

相关阅读

相关 Promise js 异步操作

忘记原文地址了，如果作者看到都可以和我说下，我会改的… var p = new Promise(function(resolve, reject){

小鱼儿/ 2022年12月08日 04:42/ 0 赞/ 148 阅读

相关异步设备操作

Jeffrey Richter

本是古典何须时尚/ 2022年09月19日 12:17/ 0 赞/ 116 阅读

相关 Android 异步操作AsyncTask

既然AsyncTask如此之好，为什么还要用new Theard 和 Handler。容我先转载考虑一下。。 ===============================

系统管理员/ 2022年08月21日 03:30/ 0 赞/ 217 阅读

相关 Async 异步操作

下面的这些操作符属于单独的`rxjava-async`模块，它们用于将同步对象转换为Observable。 [`start( )`][start] — 创建一个Obse

Dear 丶/ 2022年07月29日 10:38/ 0 赞/ 184 阅读

相关异步操作之async

上篇文章讲述了Promise，这次来看一下async。 async函数(包含函数语句、函数表达式、Lambda表达式)会返回一个Promise对象，如果在函数中return

「爱情、让人受尽委屈。」/ 2022年05月15日 02:41/ 0 赞/ 161 阅读

相关异步操作之promise

文章目录 Promise介绍基本用法 API方法介绍常见的几种Promise处理问题的方法 Pro

深碍√TFBOYSˉ_/ 2022年05月15日 00:50/ 0 赞/ 241 阅读

相关 kivy实现异步操作

from kivy.app import App from kivy.uix.button import Button from kivy.uix.la

本是古典何须时尚/ 2022年04月24日 06:14/ 0 赞/ 141 阅读

相关 Promise异步操作基础

如有侵权请联系删除 Promise是抽象异步处理对象以及对其进行各种操作的组件。 Promise把类似的异步处理对象和处理规则进行规范化，并按照采用统一的接口来编写，而采

亦凉/ 2022年03月31日 08:43/ 0 赞/ 225 阅读

相关异步操作

async function async1()\{ console.log('async1 start'); await async2(); console.log('a

柔光的暖阳◎/ 2021年11月23日 16:10/ 0 赞/ 249 阅读

相关 JavaScript 异步操作原理

JavaScript 异步操作原理与异步操作对应的是同步操作。所谓同步操作，就是同一时刻只能做一件事情，如果要多件事情需要处理，需要排队。异步操作是同一时刻能够做...

小灰灰/ 2020年06月01日 13:03/ 0 赞/ 676 阅读