Node.js异步编程

【图书介绍】《Node.js+MongoDB+Vue.js全栈开发实战》-CSDN博客

《Node.js+MongoDB+Vue.js全栈开发实战(Web前端技术丛书)》(邹琼俊)【摘要 书评 试读】- 京东图书 (jd.com)

本节主要介绍Node.js异步编程的相关内容。内容包括 同步API、异步API、同步API与异步API的区别。

  1. 同步API

同步API是只有当前API执行完成后,才能继续执行下一个API,也就是说代码会从上至下一行一行地执行。示例如下:

复制代码
//同步
console.log('第一关');
console.log('第二关');
  1. 异步API

异步API是指当前API的执行不会阻塞后续代码的执行。示例如下:

复制代码
console.log('第一关');
//异步
setTimeout(() => {
  console.log('最后一关');
}, 1000);
console.log('第二关');

执行上述同步API和异步API代码,结果如下:

复制代码
D:\WorkSpace\node_mongodb_vue3_book\codes\chapter3>node 同步异步.js
第一关
第二关
第一关
第二关
最后一关
  1. 同步API与异步API的区别

同步API与异步API的区别主要体现在以下两个方面:

(1)获取返回值不同:同步API可以从返回值中拿到API执行的结果,但是异步API不可以。

同步API方法调用,可以获取返回值:

复制代码
//获取当前日期
function getCurFormatDate() {
  var date = new Date();
  var seperator1 = '-';
  var year = date.getFullYear();
  var month = date.getMonth() + 1;
  var strDate = date.getDate();
  if (month >= 1 && month <= 9) {
    month = '0' + month;
  }
  if (strDate >= 0 && strDate <= 9) {
    strDate = '0' + strDate;
  }
  var currentdate = year + seperator1 + month + seperator1 + strDate;
  return currentdate;
}
const dt = getCurFormatDate();
console.log(dt);//2023-10-06

异步API调用,无法获取返回值:

复制代码
// 异步
function getMsg() {
  setTimeout(function () {
    return '每个人都是生活的导演';
  }, 1000);
}
const msg = getMsg();
console.log(msg);//undefined

(2)代码执行顺序不同:同步API从上到下依次执行,前面的代码会阻塞后面代码的执行;异步API不会等待前一个API执行完成后再向下执行。

同步API有序执行:

复制代码
const names = ['衍悔', '龙千山', '凌日'];
for (let name of names) {
  console.log(name);
}
console.log('遍历结束');

运行结果:

复制代码
衍悔
龙千山
凌日
遍历结束

异步API无序执行:

复制代码
console.log('代码开始执行');
setTimeout(() => {
console.log('1秒后执行的代码');
}, 1000);
setTimeout(() => {
  console.log('0秒执行的代码');
}, 0);
console.log('代码结束执行');

运行结果:

复制代码
代码开始执行
代码结束执行
0秒执行的代码
1秒后执行的代码

代码执行顺序分析:

在Node.js中,在执行代码的时候,会将同步代码提取出来放置到同步代码执行区,将异步代码提取出来放置到异步代码执行区,然后按顺序优先执行同步代码执行区中的代码,待同步代码执行区中的代码执行完之后,再从异步代码区中把回调函数提取到回调函数队列中,最后根据先后顺序把回调函数有序放到同步代码执行区依序执行,如下图所示。

相关推荐
哆啦A梦15885 小时前
搜索页面布局
前端·vue.js·node.js
Q_Q5110082856 小时前
python+uniapp基于微信小程序的旅游信息系统
spring boot·python·微信小程序·django·flask·uni-app·node.js
哆啦A梦15887 小时前
axios 的二次封装
前端·vue.js·node.js
Q_Q5110082857 小时前
python基于web的汽车班车车票管理系统/火车票预订系统/高铁预定系统 可在线选座
spring boot·python·django·flask·node.js·汽车·php
浪裡遊9 小时前
Nivo图表库全面指南:配置与用法详解
前端·javascript·react.js·node.js·php
weixin_4050233710 小时前
包资源管理器NPM 使用
前端·npm·node.js
Q_Q51100828516 小时前
python+django/flask婚纱摄影拍照管理系统
spring boot·python·django·flask·node.js·php
长空任鸟飞_阿康17 小时前
Node.js 核心模块详解:fs 模块原理与应用
前端·人工智能·ai·node.js
CS Beginner17 小时前
【node】运行windows7下的高版本node.js
node.js
水冗水孚20 小时前
fastify-sse-v2搭配EventSource实现SSE中的AI流式回复打字机效果&Fetch+ReadableStream+Chunked分块也可实现
node.js