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

相关推荐
亮子AI3 小时前
【npm】npm 包更新工具 npm-check-updates (ncu)
前端·npm·node.js
Yvonne爱编码3 小时前
构建高效协作的桥梁:前后端衔接实践与接口文档规范详解
前端·git·ajax·webpack·node.js
Juchecar6 小时前
AI教你常识之 ESM + Express + Vue3 + CSV文件 + Pinia + CRUD
node.js
召摇8 小时前
Nue.js深度解析:极简主义前端框架的革新实践
前端·node.js
木辰風9 小时前
idea npm install 很慢(nodejs)
前端·npm·node.js
wyzqhhhh21 小时前
组件库打包工具选型(npm/pnpm/yarn)的区别和技术考量
前端·npm·node.js
csdn_aspnet1 天前
使用nvm管理node多版本(安装、卸载nvm,配置环境变量,更换npm淘宝镜像)
npm·node.js
Juchecar1 天前
AI教你常识之 ESM + Express + EJS + 表单POST + CSV文件
node.js
xiaopengbc1 天前
在Webpack中,如何在不同环境中使用不同的API地址?
前端·webpack·node.js
Gogo8161 天前
java与node.js对比
java·node.js