async/await的基本使用

我这几天写代码的时候，发现有些代码的异步方法执行不是通过Promise来写的。这让我费解了。所以我研究了研究。

async用于生命function异步，await用于等待一个异步方法执行完成

async:

可以作用在任何方法前, 返回值是一个Promise对象(回调函数也可以使用async)
函数内部return的返回值, 会成为then回调函数的参数
async作用的方法,如果内部出现报错,可以被promise的catch方法捕获
常规使用,一般都会通过try catch进行有可能报错的代码处理

await:

await只能作用在async修饰的方法中,不能单独使用
await是会阻塞代码执行
正常情况 await后面跟着一个Promise对象; 返回的是Promise对象的成功后结果; 如果是一个普通值,那么会直接返回这个值
 reject的返回 await没有办法进行捕获(使用try catch进行捕获)

说的再多，还不如来个例子。自己试着写了个简单的例子。

例子1： 有一个参数n, 通过异步操作让他逐渐增加10

    total(n) {
      return new Promise((resolve) => {
        setTimeout(() => resolve(n + 10), 2000);
      });
    },
    step1(n) {
      console.log("step1");
      return this.total(n);
    },
    step2(n) {
      console.log("step2");
      return this.total(n);
    },
    step3(n) {
      console.log("step3");
      return this.total(n);
    },
    //使用Promise方法调用
    doItPromise() {
      const n = 10;
      this.step1(n)
        .then((n2) => this.step2(n2))
        .then((n3) => this.step3(n3))
        .then((res) => {
          console.log("doItPromise result is" + res);
        });
    },
    //使用async方法
    async doItAsync() {
      const n = 10;
      const n2 = await this.step1(n)
      const n3 = await this.step2(n2)
      const n4 = await this.step3(n3)
      console.log('doItPromise result is' + n4);
    }

 end