首页 > 语言 > JavaScript > 正文

理解javascript async的用法

2024-05-06 15:12:29
字体:
来源:转载
供稿:网友

写在前面

本文将要实现一个顺序读取文件的最优方法,实现方式从最古老的回调方式到目前的async,也会与大家分享下本人对于thunk库与co库的理解。实现的效果:顺序读取出a.txt与b.txt,将读出的内容拼接成为一个字符串。

同步读取

const readTwoFile = () => {  const f1 = fs.readFileSync('./a.txt'),    f2 = fs.readFileSync('./b.txt');  return Buffer.concat([f1, f2]).toString();};

这种方式最利于我们理解,代码也很清楚,没有过多的嵌套,很好的维护,但是这种有着最大的问题,那就是性能,node所倡导的就是异步i/o来处理密集i/o,而同步的读取,很大的程度上浪费着服务器的cpu,这种方式的弊端明显的大于好处,所以直接pass掉。(其实node的任何异步编程的解决方案的目标都是要达到同步的语义,异步的执行。)

利用回调读取

const readTwoFile = () => {  let str = null;  fs.readFile('./a.txt', (err, data) => {    if (err) throw new Error(err);    str = data;    fs.readFile('./b.txt', (err, data) => {      if (err) throw new Error(err);      str = Buffer.concat([str, data]).toString();    });  });};

利用回调的方式,实现起来很简单,直接的嵌套下去就好,但是这种情况下很容易造成的就是不易维护,难以读懂的情况,最为极致的情况的就是回调地狱。

Promise实现

const readFile = file =>   new Promise((reslove, reject) => {    fs.readFile(file, (err, data) => {      if (err) reject(err);      reslove(data);    });  });const readTwoFile = () => {  let bf = null;  readFile('./a.txt')    .then(      data => {        bf = data;        return readFile('./b.txt');      },       err => { throw new Error(err) }    )    .then(      data => {        console.log(Buffer.concat([bf, data]).toString())      },       err => { throw new Error(err) }    );};

Promise可以将横向增长的回调转化为纵向增长,能解决一些问题,但是Promise造成的问题就是代码冗余,一眼看过去,全部是then,也不是很爽,但是相比于回调函数嵌套来说,已经有了很大的提升。

yield

Generator很多语言中都有,本质上是协程,下面就来看一下协程,线程,进程的区别与联系:

进程:操作系统中分配资源的基本单位 线程:操作系统中调度资源的基本单位 协程:比线程更小的的执行单元,自带cpu上下文,一个协程一个栈

一个进程中可能存在多个线程,一个线程中可能存在多个协程,进程、线程的切换由操作系统控制,而协程的切换由程序员自身控制。异步i/o利用回调的方式来应对i/o密集,同样的使用协程也可以来应对,协程的切换并没有很大的资源浪费,将一个i/o操作写成一个协程,这样进行i/o时可以吧cpu让给其他协程。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表

图片精选