vue.js/ES6 Promise用法

Promise主要是为了解决异步请求。
语法：new Promise((resolve,reject)=>{
resolve();//成功 then()
reject();//失败 catch()
}).then(()=>{
//成功后的处理
}).catch(()=>{
//失败后的处理
});//resolve,reject 本身也是函数
注：then和catch都可以接收参数
无参数
new Promise((resolve,reject)=>{
//这里可以写逻辑
resolve();//完成后调用 resolve，就会跑到then里面，可以有参数，会传到then里面
}).then(()=>{
//自己编写后续逻辑
});

有参数
new Promise((resolve,reject)=>{
//这里可以写逻辑
var para = {name:'jay'};
resolve(para);//完成后调用 resolve，para会传到then里面就是obj
}).then((obj)=>{
var name = obj.name;//这就是上面传的jay
//自己编写后续逻辑
});

//不写catch，在then里面处理成功和失败
new Promise((resolve,reject)=>{
var para = {name:'jay'};
resolve(para);
reject('error message');
}).then((obj)=>{
var name = obj.name;
},
(error)=>{
//error 就是 字符串 error message
}
);

//分组处理
new Promise((resolve,reject)=>{
var para = {name:'jay'};
resolve(para);
}).then((obj)=>{
var name = obj.name;
return new Promise((resolve)=>{resolve(name+'xxxxxx');});//return Promise.resolve(name+'xxxxxx');//return Promise.reject('error message');//throw 'error from throw';
}).then((obj)=>{
var name = obj.name;//这个then里面处理的是上一个then里面return出来的结果
}).catch((error)=>{
//error 是 Promise.reject('error message');或者 throw 'error from throw'; 的结果
});
//分组处理 简写
new Promise((resolve,reject)=>{
var para = {name:'jay'};
resolve(para);
}).then((obj)=>{
var name = obj.name;
return name+'xxxxxx';
}).then((obj)=>{
var name = obj.name;//这个then里面处理的是上一个then里面return出来的结果
});
//Promise.all 等待所有请求结束后才调用then，then里面包含的是所有请求的结果集合。

Promise.all([
        new Promise((resolve,reject)=>{resolve('1')}),
        new Promise((resolve,reject)=>{resolve('2')})
      ]).then((results)=>{
        console.log(results);//['1','2']
      });