Promise有三种状态：pending(进行中)、fulfilled(已成功)、rejected(已失败)
Promise对象接受
一个回调
函数作为参数, 该回调
函数接受两个参数，分别是成功时的回调resolve和失败时的回调reject；另外resolve的参数除了正常值以外， 还可能是
一个Promise对象的实例；reject的参数通常是
一个Error对象的实例。
then
方法返回
一个新的Promise实例，并接收两个参数onResolved(fulfilled状态的回调)；onRejected(rejected状态的回调，该参数可选)
Promise优点：
1，统一异步 API：Promise 的
一个重要优点是它将逐渐被用作浏览器的异步 API ，统一现在各种各样的 API ，以及不兼容的模式和手法。
2，Promise 与事件对比：和事件相比较，Promise 更适合处理一次性的结果。在结果计算出来之前或之后
注册回调
函数都是可以的，都可以拿到正确的值。Promise 的这个优点很自然。但是，不能使用 Promise 处理多次触发的事件。链式处理是 Promise 的又一优点，但是事件却不能这样链式处理。
3，Promise 与回调对比：
解决了回调地狱的问题，将异步操作以同步操作的流程表达出来。
4，Promise 带来的额外好处是包含了更好的
错误处理方式（包含了异常处理），并且写起来很轻松（因为可以重用一些同步的工具，比如
array.prototype.map() ）。
Promise缺点
1，无法取消Promise，一旦新建它就会立即执行，无法中途取消。
2，如果不设置回调
函数，Promise内部抛出的
错误，不会反应到外部。
3，当处于Pending状态时，无法得知目前进展到哪
一个阶段（刚刚开始还是即将完成）。
4，Promise 真正执行回调的时候，定义 Promise 那部分实际上已经走完了，所以 Promise的报错堆栈上下文不太友好。
用原生js的Promise对象：
function axiosPro(option={}){
return new Promise((res
love,reject)=>{
var url=option.url;
var method=option.method||'GET';//
获取请求
var data=option.data||'';//
获取请求参数
var ajax=new XMLHttpRequest();
if(method=='GET'){
ajax.open(method,`${url}?${data}`);
ajax.send();
}else if(method=='POST'){
ajax.open(method,`${url}`);
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');//请求头
ajax.send(data);
}
ajax.onreadystatechange=function(){
if(ajax.readyState==4&&ajax.status==200){
res
love(JSON.parse(ajax.responseText));
}
}
ajax.onerror=(err)=>{
reject(err)
}
})
}
var option={
url:"url",
}
axiosPro(option).then(res=>{
console.log(res);
})
var option1={
url:"url"
}
axiosPro(option1).then(res=>{
console.log(res);
})
//发出post请求
var option2={
url:'url',
method:'POST',
data:'username=123&password=123'
}
axiosPro(option2).then(res=>{
console.log(res);
})
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
