promise/async与await 的执行顺序梳理

通过代码更容易理解一些：

    function testSometing() {
      console.log("执行testSometing");
      return "testSometing";
    }

    async function testAsync() {
      console.log("执行testAsync");
      return Promise.resolve("hello async");
    }

    async function test() {
      console.log("test start...");
      const v1 = await testSometing();//关键点1
      console.log(v1);
      const v2 = await testAsync();
      console.log(v2);
      console.log(v1, v2);
    }

    test();

    var promise = new Promise((resolve) => { 
         console.log("promise start.."); 
         resolve("promise");
    }); //关键点2

    promise.then((val) => console.log(val));

    console.log("test end...")

打印结果是：

   1. 遇见test() 开始执行test函数，最先打印 "test start..."

   2. 执行v1，await表面看是在“等待‘完成执行后才会继续执行后面的代码，实际它是让出线程的一个标志。进入testSometing函数，打印"执行testSometing"

   3. 因为让出线程的标识，会执行后面的promise,打印 "promise start.."

   4. 因为promise机制会把promise推到promise队列中，然后继续执行打印 "test end..."

   5.回到test函数里面继续执行，v1继续执行，有return返回，这里打印 "testSometing"

   6.v1执行完毕执行v2，遇到await testAsync()，进入testAsync函数里面，打印 "执行testAsync"

   7.遇到promise.reslove("hello async")继续推到promise队列中，此时队列中有两个（第4步骤的promise与当前的这个），依次执行，先打印 "promise" 

   8. 再打印 "hello async"

   9. v2执行完，最后打印v1,v2 v1有return,打印 "testSometing"，v2返回的是promise成功状态下的"hello async"，这里结果是 "testSometing hello async"

可以看出控制台打印

欢迎指正~~