nodejs基础教程之-异步编程promise/async/generator

已于 2024-09-12 11:48:10 修改
阅读量1.1k 收藏 12
点赞数 18
分类专栏： nodejs 文章标签： 前端
于 2024-09-12 11:47:05 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_27702739/article/details/142171528
版权

1. 异步

所谓"异步"，简单说就是一个任务分成两段，先执行第一段，然后转而执行其他任务，等做好了准备，再回过头执行第二段,比如，有一个任务是读取文件进行处理，异步的执行过程就是下面这样。

这种不连续的执行，就叫做异步。相应地，连续的执行，就叫做同步。

2.高阶函数

函数作为一等公民，可以作为参数和返回值

2.1 可以用于批量生成函数

  • 判断数据类型
let toString = Object.prototype.toString;
let isString = function (obj) {
  return toString.call(obj) == `[object String]`;
};
let isFunction = function (obj) {
  return toString.call(obj) == `[object Function]`;
};
let isType = function (type) {
  return function (obj) {
    return toString.call(obj) == `[object ${type}]`;
  };
};

2.2 可以用于需要调用多次才执行的函数

let after = function(times,task){
  return function(){
    if(times--==1){
      return task.apply(this,arguments);
    }
  }
}
let fn = after(3,function(){
  console.log(3);
});
fn();

3. 异步编程的语法目标，就是怎样让它更像同步编程,有以下几种

  • 回调函数实现
  • 事件监听
  • 发布订阅
  • Promise/A+ 和生成器函数
  • async/await

4.回调

所谓回调函数，就是把任务的第二段单独写在一个函数里面，等到重新执行这个任务的时候，就直接调用这个函数

fs.readFile("file.txt", function (err, data) {
  if (err) throw err;
  console.log(data);
});

这是一个错误优先的回调函数(error-first callbacks),这也是 Node.js 本身的特点之一。

5.回调的问题

5.1 异常的处理

try {
} catch (e) {}

异步代码时，try catch 无法捕获异常

let async = function (callback) {
  try {
    setTimeout(function () {
      callback();
    }, 1000);
  } catch (e) {
    console.log("捕获错误", e);
  }
};

async(function () {
  console.log(t); //undefined
});

因为这个回调函数被存放了起来，直到下一个事件环的时候才会取出,try 只能捕获当前循环内的异常，对 callback 异步无能为力。

Node 在处理异常有一个约定，将异常作为回调的第一个实参传回，如果为空表示没有出错。

async(function (err, callback) {
  if (err) {
    console.log(err);
  }
});

异步方法也要遵循两个原则

  • 必须在异步之后调用传入的回调函数
  • 如果出错了要向回调函数传入异常供调用者判断
let async = function (callback) {
  try {
    setTimeout(function () {
      if (success) callback(null);
      else callback("错误");
    }, 1000);
  } catch (e) {
    console.log("捕获错误", e);
  }
};

5.2 回调地狱

异步多级依赖的情况下嵌套非常深，代码难以阅读的维护

let fs = require("fs");
fs.readFile("template.txt", "utf8", function (err, template) {
  fs.readFile("data.txt", "utf8", function (err, data) {
    console.log(template + " " + data);
  });
});

6. 异步流程解决方案

6.1 事件发布/订阅模型

let fs = require("fs");
let emit = require("events");
let path = require("path");

let eve = new emit();

let html = {};
eve.on("ready", (key, value) => {
  html[key] = value;
  if (Object.keys(html).length == 2) {
    console.log(html);
  }
});

function render() {
  fs.readFile(
    path.resolve(__dirname, "./template.txt"),
    "utf8",
    (err, data) => {
      if (err) console.log("🚀 ~ fs.readFile ~ err:", err);
      // console.log("🚀 ~ fs.readFile ~ data:", data);
      eve.emit("ready", "template", data);
    }
  );
  fs.readFile(path.resolve(__dirname, "./data.txt"), "utf8", (err, data) => {
    if (err) console.log("🚀 ~ fs.readFile ~ err:", err);
    // console.log("🚀 ~ fs.readFile ~ data:", data);
    eve.emit("ready", "data", data);
  });
}

render();

在这里插入图片描述

6.2 哨兵模式

let fs = require("fs");
let path = require("path");

let after = function (times, callback) {
  let result = {};
  return function (key, value) {
    result[key] = value;
    if (Object.keys(result).length === times) callback(result);
  };
};

let done = after(2, function (result) {
  console.log(result);
});
function render() {
  fs.readFile(
    path.resolve(__dirname, "./template.txt"),
    "utf8",
    function (err, template) {
      done("template", template);
    }
  );
  fs.readFile(
    path.resolve(__dirname, "./data.txt"),
    "utf8",
    function (err, data) {
      done("data", data);
    }
  );
}
render();

6.3 Promise/Deferred 模式

6.4 生成器 Generators/ yield

当你在执行一个函数的时候，你可以在某个点暂停函数的执行，并且做一些其他工作，然后再返回这个函数继续执行， 甚至是携带一些新的值，然后继续执行。
上面描述的场景正是 JavaScript 生成器函数所致力于解决的问题。当我们调用一个生成器函数的时候，它并不会立即执行， 而是需要我们手动的去执行迭代操作（next 方法）。也就是说，你调用生成器函数，它会返回给你一个迭代器。迭代器会遍历每个中断点。
next 方法返回值的 value 属性，是 Generator 函数向外输出数据；next 方法还可以接受参数，这是向 Generator 函数体内输入数据

6.4.1 生成器的使用

function* foo() {
  var index = 0;
  while (index < 2) {
    yield index++; //暂停函数执行，并执行yield后的操作
  }
}
var bar = foo(); // 返回的其实是一个迭代器

console.log(bar.next()); // { value: 0, done: false }
console.log(bar.next()); // { value: 1, done: false }
console.log(bar.next()); // { value: undefined, done: true }

6.4.2 Co

co 是一个为 Node.js 和浏览器打造的基于生成器的流程控制工具，借助于 Promise，你可以使用更加优雅的方式编写非阻塞代码。

let fs = require("fs");
function readFile(filename) {
  return new Promise(function (resolve, reject) {
    fs.readFile(filename, function (err, data) {
      if (err) reject(err);
      else resolve(data);
    });
  });
}
function* read() {
  let template = yield readFile("./template.txt");
  let data = yield readFile("./data.txt");
  return template + "+" + data;
}
co(read).then(
  function (data) {
    console.log(data);
  },
  function (err) {
    console.log(err);
  }
);
function co(gen) {
  let it = gen();
  return new Promise(function (resolve, reject) {
    !(function next(lastVal) {
      let { value, done } = it.next(lastVal);
      if (done) {
        resolve(value);
      } else {
        value.then(next, (reason) => reject(reason));
      }
    })();
  });
}

6.5 Async/ await

使用 async 关键字，你可以轻松地达成之前使用生成器和 co 函数所做到的工作

6.5.1 Async 的优点

  • 内置执行器
  • 更好的语义
  • 更广的适用性
let fs = require("fs");
let path = require("path");

function readFile(filename) {
  return new Promise(function (resolve, reject) {
    fs.readFile(filename, "utf8", function (err, data) {
      if (err) reject(err);
      else resolve(data);
    });
  });
}

async function read() {
  let template = await readFile(path.resolve(__dirname, "./template.txt"));
  let data = await readFile(path.resolve(__dirname, "./data.txt"));
  return template + "+" + data;
}

let result = read();
result.then((data) => console.log(data));

6.3 Promise/Deferred 模式

6.4 生成器 Generators/ yield

当你在执行一个函数的时候，你可以在某个点暂停函数的执行，并且做一些其他工作，然后再返回这个函数继续执行， 甚至是携带一些新的值，然后继续执行。
上面描述的场景正是 JavaScript 生成器函数所致力于解决的问题。当我们调用一个生成器函数的时候，它并不会立即执行， 而是需要我们手动的去执行迭代操作（next 方法）。也就是说，你调用生成器函数，它会返回给你一个迭代器。迭代器会遍历每个中断点。
next 方法返回值的 value 属性，是 Generator 函数向外输出数据；next 方法还可以接受参数，这是向 Generator 函数体内输入数据

6.4.1 生成器的使用

function* foo() {
  var index = 0;
  while (index < 2) {
    yield index++; //暂停函数执行，并执行yield后的操作
  }
}
var bar = foo(); // 返回的其实是一个迭代器

console.log(bar.next()); // { value: 0, done: false }
console.log(bar.next()); // { value: 1, done: false }
console.log(bar.next()); // { value: undefined, done: true }

6.5.2 async 函数的实现

async 函数的实现，就是将 Generator 函数和自动执行器，包装在一个函数里。

async function read() {
  let template = await readFile("./template.txt");
  let data = await readFile("./data.txt");
  return template + "+" + data;
}

// 等同于
function read() {
  return co(function* () {
    let template = yield readFile("./template.txt");
    let data = yield readFile("./data.txt");
    return template + "+" + data;
  });
}
风清云淡_A
关注
专栏目录
Node.js异步编程
weixin_48173393的博客
07-11 323
Node.js异步编程
浅谈 Node.js 中的异步编程原理和实践
zdplife的专栏
03-12 2836
由于 JavaScript 是单线程运行的，如果单线程的所有程序都是同步执行的，那么一旦某段程序调用堵塞，整个线程就挂起了。所以 JavaScript 天生是异步的。 Node.js 使用的主要编程语言是 JavaScript，采用异步编程，其主要特点如下： 单线程相比多线程而已，最大的劣势就是无法充分使用利用多核 CPU。 但是单线程也避免了多线程中的存在的一些问题：线程的创建和上下文切换开销...
Node异步编程
Mikon_0703
12-24 174
单线程模型在同步I/O影响下，由于I/O调用缓慢，在应用层面导致CPU和I/O操作无法重叠进行，性能问题就称为开发人员的困扰。提升性能的方式过去一般使用多线程的方式，但是在业务逻辑方面，从操作系统调度多线程的上下文切换开销，实际应用中的锁、同步问题也给开发人员带来不少麻烦。Node利用js及其内部异步库，将异步直接提升至业务层。 异步编程的优势 Node最大特性就是基于事件驱动的非阻塞I/O模型 非阻塞I/O可以让CPU和I/O操作并不需要依赖等待 异步编程的难点 异常处理 try/c.
Node.js 异步编程
mvpzx的博客
04-09 1171
1. Node.js的编程方式首先看一下JavaScript的setTimeout函数。该函数的参数包含一个函数调用和等待时间，参数函数会在等待时间到达后执行：setTimeout(function () { console.log('2s过了，到我了！'); }, 2000); console.log('猜猜我是不是第一个被打印。'); 运行上面代码，可以看到输出结果：猜猜我是不是第一个被
JS eval()
lianliange85的专栏
07-25 455
eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。 需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下： var code1='"a" + 2'; //表达式 varcode2='{a:2}'; //语句 alert(eval(code1)); //->'
详解node Async/Await 更好的异步编程解决方案
08-27
这是因为它们通过将异步操作封装在async函数内，并使用await关键字来等待Promise的结果，使得异步代码看起来像同步代码一样顺序执行。这降低了异步编程的学习曲线，避免了回调地狱和Promise链可能导致的复杂性。 二...
NodeJs通过async/await处理异步的方法
10-19
【async/await简介】 在Node.js中，处理异步操作是一项常见的...虽然Promise仍然是基础，但async/await的引入使得异步编程变得更加简洁和优雅。在实际开发中，掌握async/await是提升Node.js应用开发效率的关键技能。
详谈nodejs异步编程
01-20
Node.js异步编程是开发高性能网络应用的关键技术，特别是在...随着async/await的出现，Generator的功能变得更加直观，使得异步编程更加接近同步代码的写法。在实际开发中，可以根据场景灵活选择和组合使用这些方法。
Node.js中的异步编程
weixin_46901555的博客
01-12 605
文章目录前言一、同步API和异步API的区别1.同步API2.异步API3.异步API通过回调函数获取值二、使用步骤1.引入库2.读入数据总结 前言 同步API：阻塞代码执行，从返回值中拿到执行结果。 异步API：不会阻塞代码执行，同步API执行完后才轮到异步API，通过回调函数拿到执行结果。 一、同步API和异步API的区别 1.同步API 代码如下： const add = (x, y) => { return x + y } console.log(add(3, 7)); 执行结果
NodeJs异步编程
十三阿哥的博客
05-31 457
【代码】NodeJs异步编程。
Node异步编程解决方案
how2js的博客
04-01 315
前言 Node得益于自身的异步非阻塞I/O展现出的优秀性能而大力发展。但是异步I/O也带来相应的一系列问题，回调地狱、递归嵌套。。。被人们所诟病，本文记录一些异步解决方案，使Node的并行I/O处理得到更好的利用 解决方案 主要解决方案有如下几种： 发布/订阅模式 Promise/Deferred模式 事件控制库 发布订阅模式 发布订阅模式是设计模式的一种，在JavaScript中可以利用回调...
《深入浅出Node.js》学习笔记——（四）异步编程
w_Slide的专栏
05-30 2050
Node能够迅速成功并流行的原因： ①V8和异步I/O带来的性能提升 ②前后端JavaScript编程风格一致   4.1 函数式编程 4.1.1高阶函数 可以将函数作为参数，或是作为返回值 4.1.2偏函数用法 指创建一个调用另外一个部分——参数或变量已经预置的函数——的函数的用法   4.2 异步编程的优势与难点 解决I/O性能的两个方案：①多线程 ②通过C/C++
Node实战：3 异步编程
Just for fun的专栏
01-22 427
Node.js的核心概念：非阻塞IO和异步编程。这个机制给Node.js带来了巨大的优势和好处，但同时它也带来了许多问题和挑战。 3.1 传统编程方式    如果有方法可以最大化利用CPU的计算能力和可用内存以减少资源浪费，那将再好不过了。而这，正式Node.js的精髓所在。 3.2 Node.js的编程方式 var fs = require('fs'); var file; var
【NOTE】【深入浅出nodejs】异步编程（一）
个人学习笔记
11-03 424
异步编程的优势和缺点
【Node.js基础篇】（七）Node异步编程之事件发射器
zgljl2012的专栏
04-04 2274
事件发射器是Node里除了回调函数外的另一十分重要的异步编程技术。 在MFC等图形界面编程库中，事件发射器是非常常见的，比如，鼠标点击事件，点击了鼠标后，就会触发鼠标点击后的函数——事件发射器触发事件，并且在事件被触发后处理它们。在Node API组件中，如HTTP服务器、TCP服务器等都被做成了事件发射器，所以掌握事件发射器的编程方法，是非常重要的。使用on添加监听器步骤：声明事件发射器类 创建事
node.js异步编程
weixin_58732695的博客
07-22 873
如果异步API后面的代码执行依赖当前异步API的执行结果，需要把代码写在回调函数中，一旦回调函数前台层次过多，会导致代码不宜维护，称为回调地狱。promise本身是一个回调函数，如果要使用promise解决回调地狱问题，需要使用new关键字创建promise构造函数的实例对象。做法使用fs.readFile()方法读取A文件，在读取A文件的回调函数中读取B文件，在B文件的回调函数中读取C文件。在函数定义放在函数的前面，标识该函数是一个异步调用函数，返回值是一个promise对象。......
nodejs-server-wechat-landlordgame-master.zip/
最新发布
06-25
nodejs-server-wechat-landlordgame-master.zip 是一个基于 Node.js 的服务器代码压缩包，该服务器是用于开发微信地主游戏的。Node.js 是一种基于事件驱动的 JavaScript 运行环境，可以使 JavaScript 在服务器端执行...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值