async/await方法解析

欲了解await，必须先了解Promise，可参考: http://www.cnblogs.com/yanze/p/6347646.html

支持度: ES6已支持Promise，ES7也决定支持await

首先查看一个实例:

var f= ()=> {
    return new Promise((resolve, reject)=> {
        setTimeout(function(){
            console.log(1)
            resolve(1)
        }, 2000)
    })
}
        
var tryAwait= async ()=>{
    var data= await f()
    console.log(data)
}

用同步的思维方式去解决异步的代码，省去了传统方式繁琐的回调和promise方式的多重promise。

注意项:

1.await只能在async函数内使用

2.await后面一般接着promise对象，会阻塞代码，等待其返回值，当然也能是一般变量，但会立即执行

接下来是传统方式:

var f= ()=> {
    setTimeout(function(){
        console.log(1)
        traditional(1)
    }, 2000)
}
f()
var traditional= (data)=> {
    console.log(data)
}

弊端: 代码繁琐，逻辑冗杂，在多重回调的情况下尤为如此（此例也许不明显，毕竟只是实例，但相信各位也明白）

单纯promise的方式:

var f= ()=> {
    return new Promise((resolve, reject)=> {
        setTimeout(()=> {
            console.log(1)
            resolve(1)
        }, 2000)
        })
}
f().then((data)=> {
    console.log(data)
})    

弊端: 每个then方法内部都是一个独立作用域，若是想共享数据，就要将部分数据暴露在外场，在then内部赋值一次

且要是有很多then方法，代码会充满Promise方法

 

本文参考: http://www.tuicool.com/articles/ZZnuQzZ