码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-10-24 11:54:12      阅读:41      评论:0      收藏:0      [点我收藏+]

标签:实例   解决   原理   mis   同步   写法   reject   --   alt   

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的使用与原理

标签:实例   解决   原理   mis   同步   写法   reject   --   alt   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!