上一篇讲了promise的使用，这里不加赘述。但有时候会发现then里面的代码即使抽离出来还是很多，有没有办法再进行抽离呢？promise也提供这样的方式，能让回调后的代码进行一块一块地处理，代码如下：
new Promise((resolve, reject) => {
//执行异步请求
$.get("test.cgi", {
name: "John",
time: "2pm"
},
function (data) {
resolve(data)
});
}).then(data => {
alert("Data Loaded处理1: " + data); //这里处理第一部分
alert("Data Loaded处理1: " + data);
return new Promise(resolve => { //调用下一个then
resolve(data)
})
}).then((data) => {
alert("Data Loaded处理2: " + data); //处理第二部分
alert("Data Loaded处理2: " + data);
alert("Data Loaded处理2: " + data);
return new Promise(resolve => {
resolve(data)
})
}).then((data) => {
alert("Data Loaded处理3: " + data); //第三部分
alert("Data Loaded处理3: " + data);
})
当然了，这里只是演示了resolve，但reject的使用也是差不多，是调用下一个catch而已;
回归正题，我们发现进入到下一个then，要 return new Promise....，代码有点长，有没有简便写法呢？有，如下：
new Promise((resolve, reject) => {
//执行异步请求
$.get("test.cgi", {
name: "John",
time: "2pm"
},
function (data) {
resolve(data)
});
}).then(data => {
alert("Data Loaded处理1: " + data);
alert("Data Loaded处理1: " + data);
return Promise.resolve(data)
}).then((data) => {
alert("Data Loaded处理2: " + data);
alert("Data Loaded处理2: " + data);
alert("Data Loaded处理2: " + data);
return Promise.resolve(data)
}).then((data) => {
alert("Data Loaded处理3: " + data);
alert("Data Loaded处理3: " + data);
})
你以为这样就最简便了？不，还有更简便的：
new Promise((resolve, reject) => {
//执行异步请求
$.get("test.cgi", {
name: "John",
time: "2pm"
},
function (data) {
resolve(data)
});
}).then(data => {
alert("Data Loaded处理1: " + data);
alert("Data Loaded处理1: " + data);
return data
}).then((data) => {
alert("Data Loaded处理2: " + data);
alert("Data Loaded处理2: " + data);
alert("Data Loaded处理2: " + data);
return data
}).then((data) => {
alert("Data Loaded处理3: " + data);
alert("Data Loaded处理3: " + data);
})
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。