关于Promise，Generator，async / await 对异步的处理

对于js关于异步是它的一大特点,但有时候也成为了一大难点，金字塔的地狱式回调，现在来浅谈关于js的异步处理方案。

众所周知的promise

node 的高并发是新的特性，但是回调使其变得有点尴尬，在promise出来后好了很多先看栗子：

let foo=new Promise
foo()
.then((result) => console.log(result);)
.catch((reason) => console.error(reason););

在then里面可以对数据进行处理，还可以这样

let foo=new Promise
foo()
.then((result1) => console.log(result1);)
.then((result2) => console.log(result2);)
.then((result3) => console.log(result3);)
.then((result4) => console.log(result4);)
.
.
.
.catch((reason) => console.error(reason););
//成功的话 result1,result2,result3,result4

如果失败会在catch捕获到只要在前面的then里面执行失败就会直接跳到catch里面,失败之后的then()不会被执行，
```

let foo=new Promise

foo()

.then((result1) => console.log(result1);)

.then((result2) => console.log(result2);) //在这里失败了

.then((result3) => console.log(result3);)

.then((result4) => console.log(result4);)

.

.

.

.catch((reason) => console.error(reason););

//失败的话 result1,reason

不过Promise仍然存在缺陷，它只是减少了嵌套，并不能完全消除嵌套。举个例子，对于多个promise串行执行的情况，第一个promise的逻辑执行完之后，我们需要在它的then函数里面去执行第二个promise，这个时候会产生一层嵌套。另外，采用Promise的代码看起来依然是异步的。
下面谈谈Generator
在node的回调中我们常用的tj/co(github仓库有介绍)，它就是用generator结合promise来实现的，废话不多说上代码，阿里的egg.js用的就是yield，不过官方建议用async / await

// yield后面是一个生成器 generator

const getData = function* () {

return new Promise((resolve, reject) => {

request(options, (err, res, body) => {

if (err) {

reject(err);

}

resolve(body);

});

});

};

co(function* () {

const result = yield getData;

// … 如果有多个异步流程，可以放在这里，比如多个一部都可以

// const r1 = yield getR;

.

.

.

// 每个yield相当于暂停，执行yield之后会等待它后面的generator返回值之后再执行后面其它的yield逻辑。

return result;

}).then(function (value) {

console.log(value);

}, function (err) {

console.error(err.stack);

});

可以看出跟Promise不同的是到现在就把js给掰弯了，现在他是同步的了。。。。

但是在es7里面async / await对异步的处理已经飞起来了，毕竟co解决异步只是个过渡方案。目前目前async / await 在主流浏览器已经支持了。。

async function asyncFun() {

try {

const value = await getData();

// … 和上面的yield类似，如果有多个异步流程，可以放在这里，比如

// const r1 = await getR1();

// 每个await相当于暂停，执行await之后会等待它后面的函数（不是generator）返回值之后再执行后面其它的await逻辑。

return value;

} catch (err) {

console.log(err);

}

}

“`

每个async里面的await 都要等到有返回值才会继续执行程序，这个跟yield很类似。