面试准备(2)async+await的使用与原理

promise基础

技术图片

    // 使用promise解决炼狱回调的问题
    // let p1 = new Promise(function(resolove,reject){
    //     // resolove 成功
    //     // reject 失败
    // })
    // p1 是new Promise的实例
    // p1.then  成功的函数resolve 失败的函数reject
     
    let p1 = new Promise(function(resolove,reject){
        // resolve 是成功的函数  reject是失败的函数
       resolove(1)
    })
    p1.then(function(data){
        // data就是resolve传递的参数
        console.log(data,‘成功‘)
    })

ajax使用promise

技术图片

链式回调

可以一直.then进行接口请求
技术图片

async + await

可以省掉then 简单快捷
await会等待成功 才执行下面 同步
技术图片

async它就是Generator函数的语法糖
技术图片

技术图片

打印出来是一个对象
技术图片

技术图片

原理

async + await 原理就是 Generator + yield 的语法糖
async + await 其实就是 Generator + yield 的写法

面试准备(2)async+await的使用与原理

原文地址:https://www.cnblogs.com/loveliang/p/13862618.html