day05-(Promise&await&async)api

回调地狱(callback-hell):
回调地狱实例图.png

此程序不能保证执行的先后顺序:

fs.readFile('./data/a.txt','utf8',function(err,data){
  if (err) {
    throw err
  }
  console.log(data)
})
fs.readFile('./data/b.txt','utf8',function(err,data){
  if (err) {
    throw err
  }
  console.log(data)
})
fs.readFile('./data/c.txt','utf8',function(err,data){
  if (err) {
    throw err
  }
  console.log(data)
})

解决方式(嵌套):



解决回调地狱(Promise)

promise-基本语法i:
const fs = require('fs');

let promise = new Promise((resolve, reject) => {

    fs.readFile('./100.txt', 'utf8', (err, result) => {

        if (err != null) {
            reject(err);
        }else {
            resolve(result);
        }

    });

});

promise.then((result) => {
     console.log(result);
})
.catch((err)=> {
    console.log(err);
})
Peoniseapi图示.png

promise链式调用..png

2020-7月31补充(简约版的Promise demo):

let promise = new Promise((resolve, reject) => {
    setTimeout(() => {
        if (true) {
            resolve({name: '张三'})
        }else {
            reject('失败了') 
        } 
    }, 2000);
});
promise.then(result => console.log(result); // {name: '张三'})
       .catch(error => console.log(error); // 失败了)

异步函数

  • 异步函数是异步编程语法的终极解决方案,它可以让我们将异步代码写成同步的形式,让代码不再有回调函数嵌套,使代码变得清晰明了
async关键字
  1. 普通函数定义前加async关键字 普通函数变成异步函数
  2. 异步函数默认返回promise对象
  3. 在异步函数内部使用return关键字进行结果返回 结果会被包裹的promise对象中 return关键字代替了resolve方法
  4. 在异步函数内部使用throw关键字抛出程序异常
  5. 调用异步函数再链式调用then方法获取异步函数执行结果
  6. 调用异步函数再链式调用catch方法获取异步函数执行的错误信息
  • demo1:
async function fn () {
     throw '发生了一些错误';
     return 123;
}
// console.log(fn ())
fn ().then(function (data) {
    console.log(data);
}).catch(function (err){
    console.log(err);
})
await关键字
  1. await关键字只能出现在异步函数中
  2. await promise await后面只能写promise对象 写其他类型的API是不不可以的
  3. await关键字可是暂停异步函数向下执行 直到promise返回结果
  • demo2:
async function p1 () {
    return 'p1';
}

async function p2 () {
    return 'p2';
}

async function p3 () {
    return 'p3';
}

async function run () {
    let r1 = await p1()
    let r2 = await p2()
    let r3 = await p3()
    console.log(r1)
    console.log(r2)
    console.log(r3)
}

run();

综合案例:

const fs = require('fs');
// 改造现有异步函数api 让其返回promise对象 从而支持异步函数语法
const uti = require('util')
const promisify = uti.promisify;
// 调用promisify方法改造现有异步API 让其返回promise对象
const readFile = promisify(fs.readFile);

async function run () {
    let r1 = await readFile('./1.txt', 'utf8')
    let r2 = await readFile('./2.txt', 'utf8')
    let r3 = await readFile('./3.txt', 'utf8')
    console.log(r1)
    console.log(r2)
    console.log(r3)
}

run();

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • title: promise总结 总结在前 前言 下文类似 Promise#then、Promise#resolv...
    JyLie阅读 12,326评论 1 21
  • 你不知道JS:异步 第三章:Promises 在第二章,我们指出了采用回调来表达异步和管理并发时的两种主要不足:缺...
    purple_force阅读 2,126评论 0 4
  • 异步编程对JavaScript语言太重要。Javascript语言的执行环境是“单线程”的,如果没有异步编程,根本...
    呼呼哥阅读 7,339评论 5 22
  • 【满庭芳】约茶15 当代/二摆 欲乞山香,同君共赏,绮杯停处鸣琴。静观星月,淡泊与君斟。无奈时光难共,荣枯...
    二摆阅读 219评论 0 0
  • 其实 不想持续写东西的原因 不过是没东西可写。 姥姥和我说了好多过去的苦日子,我真觉得我生活在了一切多么幸福的时代...
    陌果果阅读 380评论 0 0