async-await 的简单理解，generator函数

同步与异步

常见的异步操作：定时器、ajax、事件处理函数、node.js

回调地狱

ajax请求中回调函数套回调函数，多层嵌套形成回调地狱

解决回调地狱问题

ajax+promise：promise对象的形参是一个函数，该函数又有两个函数形参，resolve和reject，分别表示成功和失败时调用。

let a=new Promise(function(resolve,reject){
    ajax({
    url:"/xxx",
    success:function(res){
        resolve(res)
    }
    })
})
a.then(function(res){
    let b=new Promise(function(resolve,reject){
    ajax({
    url:"/xxx",
    success:function(res){
        resolve(res)
    }
    })
})

用promise将ajax封装

function axios(){
let a=new Promise(function(resolve,reject){
    ajax({
    url:"/xxx",
    success:function(res){
        resolve(res)
    }
    })
})
return a;
}
axios().then(function (res){
    console.log(res);
})

async await 的作用就是省略then写法

async ()=>{
    let res=await axios();
    console.log(res);
}

async就是Generator函数的语法糖，简化写法。

Generator函数

ES6提出的一种异步编程解决方案

//function与函数名之间需要有一个 *
function* fun(){
    //yield表示暂停 将函数分了段
    yield '111'
    yield '222'
    return 'result'
}
//调用fun函数
var res1=fun();//这里res1的值并不是fun函数的返回值，函数在yield时暂停了，拿到的应该是一个暂停标记，且指向111
res1.next();//拿到暂停的值 111
res1.next();//222
res1.next();//result

await的作用就是像yield那样，在发起多个aiax时，一个一个拿结果，但是其写法相对简单，注意：await在使用时，一定要对函数用async修饰。