美文网首页
异步函数

异步函数

作者: storyWrite | 来源:发表于2021-11-23 20:22 被阅读0次

0.为什么使用异步

因为js本身是单线程,如果所有的任务都是同步的,那么一些非常耗时的任务就会严重影响到用户体验

1. 回调函数

const fs = require('fs');

function read(fileName) {
  fs.readFile(fileName, 'utf-8', (err, data) => {
    if (err) {
      console.log('err', err);
      throw new Error('文件读取出错');
    } else {
      console.log('data', data);
    }
  });
}
try {
// 无test1.txt 文件  报错 但是无法捕获
  read('./test1.txt');
// read(__dirname + '/test.txt)
} catch (error) {
  console.log('err', error);
}

缺点:

  • 无法捕获异常,无法return返回读取结果
  • 会造成回调地狱
  • 效率低
  • 如果使用 runcode运行代码则需要使用 __dirname 拼接上文件名

解决

  • 通过发布订阅
const evnEmiter = require('events');
const dataObj = {};
const eve = new evnEmiter();
eve.on('ready', (key, value) => {
  dataObj[key] = value;
  if (Object.keys(dataObj).length === 2) {
    console.log('数据获取成功', dataObj);
  }
});
fs.readFile(__dirname + '/test.txt', 'utf-8', (err, data) => {
  if (err) {
    console.log('err', err);
    throw new Error('文件读取出错');
  } else {
    eve.emit('ready', 'data1', data);
  }
});
fs.readFile(__dirname + '/trst1.txt', 'utf-8', (err, data) => {
  if (err) {
    console.log('err', err);
    throw new Error('文件读取出错');
  } else {
    eve.emit('ready', 'data2', data);
  }
  • 哨兵函数
// 哨兵函数
const dataObj1 = {};
function done(key, value) {
  dataObj1[key] = value;
  if (Object.keys(dataObj1).length === 2) {
    console.log('数据获取成功1', dataObj1);
  }
}

fs.readFile(__dirname + '/test.txt', 'utf-8', (err, data) => {
  if (err) {
    console.log('err', err);
    throw new Error('文件读取出错');
  } else {
    done('data1', data);
  }
});
fs.readFile(__dirname + '/trst1.txt', 'utf-8', (err, data) => {
  if (err) {
    console.log('err', err);
    throw new Error('文件读取出错');
  } else {
    done('data2', data);
  }
});

相关文章

  • 模拟异步函数

    异步函数实现机制(async.js) 实现了支持同步函数和异步函数的声明 声明异步函数 调用异步函数

  • GCD的几种创建方式及基本使用

    同步函数 同步函数+主队列 同步函数+串行队列 同步函数+并发队列 异步函数 异步函数+主队列 异步函数+串行队列...

  • 多线程GCD笔记

    同步函数 + 主队列 异步函数 + 主队列 同步函数 + 串行队列 异步函数 + 串行队列 同步函数 + 并发队列...

  • Js 理解异步/回调/异步同步化/ async/await

    异步函数的理解 关键词:异步,函数名当参数传递,async/await 异步函数:需要时间去处理它,这个时间可能时...

  • async和await搭配使用

    async 异步关键字,一般我们把这个关键字写在函数前,用于表示函数是一个异步函数, 异步函数也就意味着该函数的执...

  • 42.async/await

    async异步函数的写法 async关键字用于声明一个异步函数 async异步函数的执行流程 如果只是在funct...

  • 异步的实现

    异步的三种实现方式: 回调函数事件Promise 回调函数 回调函数不一定是异步 但是异步一定是回调函数。 事件 ...

  • 技巧

    异步代码写在最后比如一个函数里有异步,那么就把异步写在这个函数的最后

  • Swift5.5 async,await实现多线程

    异步函数:异步和代码的组合,在函数声明的返回箭头前面,加上asyn关键字,就可以把一个函数声明为异步函数: asy...

  • async await关键字

    async async做为一个关键字放在函数的前面,表示函数是一个异步函数。async就是异步的意思。异步就是意味...

网友评论

      本文标题:异步函数

      本文链接:https://www.haomeiwen.com/subject/vititrtx.html