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

相关推荐
木心操作2 小时前
nodejs使用WebSocket实现聊天效果
javascript·网络·websocket·网络协议·node.js
ADRU11 小时前
windows 利用nvm 管理node.js 2025最新版
node.js
幸运小圣13 小时前
编程题 - 明明的随机数【JavaScript/Node.js解法】
javascript·node.js
南城巷陌13 小时前
Node.js 中的 http2 模块的使用
前端·node.js
web1350858863518 小时前
【Vue教程】使用Vite快速搭建前端工程化项目 Vue3 Vite Node.js
前端·vue.js·node.js
小王码农记2 天前
NodeJS服务器 + Vue3框架 从搭建服务器 定义接口 到请求数据页面展示
node.js
hamburgerDaddy12 天前
从零开始用react + tailwindcss + express + mongodb实现一个聊天程序(十) 收发消息
前端·javascript·mongodb·react.js·node.js·express
浪九天2 天前
编程题 - 汽水瓶【JavaScript/Node.js解法】
前端·javascript·node.js
samroom2 天前
Node.js学习分享(上)
javascript·笔记·学习·node.js
幸运小圣2 天前
编程题 - 汽水瓶【JavaScript/Node.js解法】
javascript·node.js