Node.js中的async?和?await?关键字微任务和宏任务

 更新时间:2022年07月04日 08:53:06   作者:??vGuYi????  
这篇文章主要介绍了Node.js中的async和await关键字微任务和宏任务,文章围绕主题展开详细的内容介绍,具有一定的参考价值,需要的小伙伴可以参考一下
(福利推荐:【腾讯云】服务器最新限时优惠活动,云服务器1核2G仅99元/年、2核4G仅768元/3年,立即抢购>>>:9i0i.cn/qcloud

(福利推荐:你还在原价购买阿里云服务器?现在阿里云0.8折限时抢购活动来啦!4核8G企业云服务器仅2998元/3年,立即抢购>>>:9i0i.cn/aliyun

async 和 await 关键字

async 和 await 是 ES2017 中提出来的,async 和 await 两个关键字的出现,简化的 Promise 的使用。

async 关键字

async关键字使用比较简单,所以 async 的使用注意以下三点即可 :

  • async 用于修饰一个 function
  • async 修饰的函数,总是返回一个 Promise 对象
  • 函数内的所有值,将自动包装在 resolved 的 promise 中
// async?用于修饰一个?function
//     1. async?修饰的函数,总是返回一个?Promise?对象
//     2. 函数的返回值,将自动包装在?resolve?的?promise?中

// 1. async?修饰的函数,总是返回一个?Promise?对象
async function fn() {
    // 2. 函数的返回值,将自动包装在?resolve?的?promise?中
    return '哈哈哈';
}
// 以后看一下博客文章之类的东西,里面会有一些变量使用 :foo 和 bar , 无意义;
const foo = fn();
console.log(foo);
foo.then(res => {
    console.log(res);
});

// 注意: async修饰的函数被称为异步函数,可他不是异步执行;
console.log('我是最后一行代码');

await关键字

await关键字比较繁琐,注意点比较多。首先,await 只能出现在 async 函数内,await 让 JS 引擎等待直到promise完成并返回结果,语法:

let value = await promise对象; // 等待promise对象的结果,然后将结果赋值给 value

由于await需要等待promise执行完毕,所以 await会 暂停函数的执行,但不会影响其他同步任务。

所以,await总结如下四点:

  • await只能出现在异步函数中!
  • await能停止代码执行,让后面的同步代码,先执行;
  • await后面跟随的是一个promise对象;
  • await返回的是: Promise对象中的then()中的回调函数中的参数res;
// 定义一个方法,为的就是返回一个 Promise 对象,让下面的await使用;
async function getPromise() {
    return '哈哈哈';
}
console.log(1);
// 1.await只能出现在async修饰的函数中!
async function fn() {
    console.log(2);
    // 2.await后面跟随的是一个promise对象;
    // 3.await返回的是: Promise对象中的then()中的回调函数中的参数res;
    const str = await getPromise();
    console.log(str);
    // 4.await能停止代码执行,让后面的同步代码,先执行;
    console.log(3);
}
// 调用
fn();
console.log(4);
// // 以前用法: 
// axios().then(res => {
//     res.data.map()
// });
// // 以后用法: 
// async function name() {
//     let res = await axios();
//     res.data.map();
// }

async 和 await 解决回调地狱

// async 和 await 解决回调地狱也要用到 then-fs ,因为他直接返回 Promise 对象;
?
// 导入 then-fs
import thenFs from 'then-fs';
?
// await 一定要出现在异步函数中
async function fn() {
 ? ?let str1 = await thenFs.readFile('./txt/a.txt', 'utf8');
 ? ?console.log(str1);
 ? ?let str2 = await thenFs.readFile('./txt/b.txt', 'utf8');
 ? ?console.log(str2);
 ? ?let str3 = await thenFs.readFile('./txt/c.txt', 'utf8');
 ? ?console.log(str3);
}
?
// 调用函数
fn();

JS执行机制(事件循环)

  • js代码开始执行后,主线程执行栈中会把任务分为两类.
  • 一类是同步任务, 一类是异步任务; 主线程执行栈优先执行同步任务,
  • 异步任务会被放入特定的处理程序中,满足条件后,被放到消息(任务/事件)队列中,
  • 主线程执行栈中所有的同步任务执行完毕之后,通过事件循环去消息(任务/事件)队列中,
  • 挑选优先满足条件的程序,放入主线程执行栈中执行。事件循环,周而复始,一直执行。

微任务和宏任务

在ES3 以及以前的版本中,JavaScript本身没有发起异步请求的能力,也就没有微任务的存在。在ES5之后,JavaScript引入了Promise,这样,不需要浏览器,JavaScript引擎自身也能够发起异步任务了。 ? Tick会触发浏览器渲染,Promise不会触发,所以更加轻量级,多使用;

宏任务

(macro)task,可以理解是每次执行栈执行的代码就是一个宏任务

  • 主线程上的执行栈中所有的代码块
  • setTimeout
  • setInterval
  • Ajax
  • 事件

微任务

微任务(microtask)是宏任务中的一个部分,它的执行时机是在同步代码执行之后,下一个宏任务执行之前。

总结起来,微任务有:

  • Promise.then
  • process.nextTick(Node.js 环境)

宏任务和微任务执行机制

JS优先执行同步任务,然后执行微任务,最后执行宏任务。

总结:Promise中的then()比大部分异步代码,优先执行!

// 结论: 如果同一时间既有宏任务又有微任务触发,那么优先执行微任务;
//     宏任务是宿主发起的会触发重构,比较浪费资源,后执行;
//     微任务是js解释器发起的不会触发重构,比较节省资源,先执行;
// 宏任务
setTimeout(() => {
    //执行后 回调一个宏事件
    console.log('1')
}, 0)
// 同步代码
console.log('2');
// 同步代码
new Promise((resolve) => {
    console.log('3');
    resolve()
// 微任务
}).then(() => {
    console.log('4');
// 微任务
}).then(()=>{
    console.log('5')
})
// 同步代码
console.log('6')
// 2  3   6   4   5   1

到此这篇关于Node.js中的async 和 await 关键字微任务和宏任务的文章就介绍到这了,更多相关Node.js async 和 await 内容请搜索程序员之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持程序员之家!

相关文章

  • node.js使用redis储存session的方法

    node.js使用redis储存session的方法

    这篇文章主要介绍了node.js使用redis储存session的方法,本文给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下
    2018-09-09
  • 一文带你了解Node.js中的path模块

    一文带你了解Node.js中的path模块

    Node.js和Python技术类似,?都致力于能够实现跨平台的通用代码。?为此,针对路径的拼接,?Node.js提供了path模块,本文就来讲讲path模块的使用
    2023-03-03
  • Node.js实现登陆注册功能

    Node.js实现登陆注册功能

    这篇文章主要为大家详细介绍了Node.js实现登陆注册功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2022-08-08
  • Node.js中下包速度慢问题解决方法分析

    Node.js中下包速度慢问题解决方法分析

    这篇文章主要介绍了Node.js中下包速度慢问题解决方法,分析了npm切换镜像源以及nrm工具镜像源管理相关使用技巧,需要的朋友可以参考下
    2023-04-04
  • 在NodeJs中使用node-schedule增加定时器任务的方法

    在NodeJs中使用node-schedule增加定时器任务的方法

    这篇文章主要介绍了从零开始在NodeJs中使用node-schedule增加定时器任务的方法,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 利用node.js如何创建子进程详解

    利用node.js如何创建子进程详解

    之前看多进程这一章节时发现这块东西挺多,写Process模块的时候也有提到,今天下午午休醒来静下心来好好的看了一遍,发现也不是太难理解。所以下面这篇文章主要给大家介绍了关于利用node.js如何创建子进程的相关资料,需要的朋友可以参考下。
    2017-12-12
  • npm报版本与node.js不匹配问题及解决

    npm报版本与node.js不匹配问题及解决

    这篇文章主要介绍了npm报版本与node.js不匹配问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-06-06
  • 浅析nodejs实现Websocket的数据接收与发送

    浅析nodejs实现Websocket的数据接收与发送

    WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术,本文给大家介绍nodejs实现websocket的数据库接收与发送,小伙伴们一起学习吧
    2015-11-11
  • nodejs抓取notion?emoji?svg资源的脚本示例

    nodejs抓取notion?emoji?svg资源的脚本示例

    这篇文章主要为大家介绍了nodejs抓取notion?emoji?svg资源脚本实现示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02
  • Nodejs学习笔记之测试驱动

    Nodejs学习笔记之测试驱动

    本文是本系列文章的第二篇,主要是测试针对于web后端的驱动,在开发过程中,在开发完成一段代码后如果负责任而不是说完全把问题交给测试人员去发现的话,这个时候通常都会去做一些手动的测试。
    2015-04-04

最新评论

?


http://www.vxiaotou.com