async和await详解

async 和 await语法糖详解

async用于声明一个function是异步的，无论function是普通函数仍是异步函数，经过async修饰以后，返回的都是一个promise对象；而 await 用于等待一个异步方法执行完成。

await只能出如今async函数中或者 let value = await promise这种在环境的顶层做用域中使用，好比在window做用顶层函数中可使用;可是await能够用来修饰任何函数，经过await修饰的任何函数，表示等待该行数执行以后再日后执行，代表是一个同步的过程。

async用法:

async函数（包含函数语句、函数表达式、Lambda表达式）会返回一个Promise对象，若是在asyn声明的一个函数中直接return 一个直接量，async 会把这个直接量经过Promise.resolve()封装成 Promise 对象。

//async 用来修饰一个返回Promise对象的函数
async function myPromise(){
  return new Promise((res,rej)=>{
    //console.log(1);
    res()
  })
}
//async 用来修饰一个普通函数
async function normalFunc(){
  return "normal function"
}
var pro=myPromise();
var nor=normalFunc()复制代码

await用法：以下图，若是await调用不是在异步函数做用就会出错

一、await用在async函数中

二、await用在顶层函数中

function getSomething() {
    return "something";
}
function testPromise() {
    return Promise.resolve("hello Promise");
}
async function testAsync() {
    return "hello async";
}
async function testNormal() {
    const v1 = await getSomething();  //await用来修饰一个普通函数
    const v2 = await testPromise();  //await用来修饰一个返回promise对象的函数
    const v3 = await testAsync(); //await用来修饰一个经过async构成的异步函数
    //上面的await这种写法等价于下面这种promise的写法
   console.log(getSomething()) 
    let vv=testPromise().then(res=>{
            console.log(res)
            testAsync().then(res=>{
              console.log(res)
            })
         })
    console.log(v1,v2,v3);
}
testNormal()复制代码

async和await的优势用于处理Promise的.then处理，以前咱们想在异步函数中达到同步的想过，因此异步执行以后的要执行的代码都会放在Promise的then方法中执行，达到同步的效果，可是async和await的出现，让js中的异步函数能够按顺序写代码的方式，达到代码顺序执行的效果。

若有什么描述不合理之处，欢迎指出