一、Promise
Promise是ES6中的一个新增的对象，通过他可以实现同步代码实行异步操作，防止代码层层嵌套的回调地狱的问题
- 1.Promise 有三个状态：pengding,fulfilled,rejected,三个状态是不可逆的
- 2.Promise对象并不是异步的，只要创建Promise对象就会立即调用promise里面的代码
- 3.promise 是如何实现异步操作的？
通过状态来实现的，promise里面有三个状态——pending（默认，没有告诉程序状态时成功还是失败）fulfilled和rejected，不同的状态会触发不同的函数 - 4.可以通过函数来监听状态的变化
resolve-->then(); reject-->catch();
- 5.创建promise对象的基本格式：
let promise=new Promise(function(resolve,reject){ console.log("promise");//pending状态 resolve();//将状态从pending改为fulfilled，执行then方法 rejecte();//将状态从pending改为rejected执行绑定的catch方法 } promise.then(function(){}); promise.catch(function(){}); example: let promise=new Promise(function (resolve,reject){ console.log(111); // reject(); resolve(); }); promise.then(function (){ console.log(222); }); promise.catch(function (){ console.log(333); });
二、Promise.then方法
1 then函数可以接收两个函数作为参数，分别对应promise对象成功和失败状态执行的方法
promise.then(function (){ console.log("success"); },function (){ console.log("failure"); });
2 通过reject和resolve可以传递参数给then方法中的对应状态的函数
let p=promise.then( function (data){ console.log("success",data); return "aaa"; },function (data){ console.log("failure",data); return "bbb"; });
3 同一个promise函数可以执行多个then函数，多次调用then方法,所有定义的then方法都会被执行
4 promise返回的对象是一个新的promise对象
console.log(p); console.log(p === promise);//false
5 promise对象的then方法可以给下一个promise对象的then方法传递参数
// 注意点：不管是在上一个promise对象回调成功的函数还是失败的函数传递参数，都会把参数传递给下一个promise对象成功的回调
promise.then(function (data){ console.log("success",data); return p2; },function (data){ console.log("failure",data); return p2; })
6 promise对象可以给下一个promise对象传递一个promise对象，该promise对象的状态决定下一个then方法执行的是成功的回调还是失败的回调，同时能够给下一个then方法传递参数
let p2=new Promise(function (resolve,reject){ console.log(444); resolve("shanjialan"); }); p.then(function (data){ console.log("success",data); },function (data){ console.log("failure",data); })
Promise-catch方法
- catch其实就是promise-then方法的一个语法糖,
catch 其实就是then(undefined,()=>)的语法糖 - promise如果是默认状态（pending）或者成功（fulfilled）,没有监听也不会报错，但是失败（rejected）没有监听则会报错
let promise=new Promise(function (resolve,reject){ // resolve("s1"); --浏览器没有任何输出 reject("s1");//报错 })
正是由于这个原因，promise一般采用链式编程，相当于之前的new Promise(function(){},function(){});
new Promise(function(){ //code }, function(){ //code }); //等价于 promise.then(function(){}).catch(function(){ //code }）
注意：只能链式编程，不能分开监听，否则报错
为什么采用链式编程？
promise如果是默认状态（pending）或者成功（fulfilled）,没有监听也不会报错，但是失败（rejected）没有监听则会报错，promise-then会返回一个新的promise，而且返回的promise的状态继承上一个promise的状态，如果上一个promise的状态是rejected，则新的promise的状态也为rejected，因此第二个promise也必须要进行失败的监听
let promise2=new Promise(function (resolve,reject){ // resolve("s1"); --浏览器没有任何输出 reject("f2"); }) promise2.then(function (data){ console.log(data); }, function (data){ console.log(data); }); let p3= promise2.catch(function (data){ console.log(data); }); //error:Uncaught (in promise) f2) // 因此在开发过程中使用promise进行监听采用链式编程 // 解决错误方案： p3.catch(function (){ console.log("catch error missing"); });
怎样解决非链式编程的报错？
给下一个promise的对象添加catch回调函数即可
// 解决错误方案： p3.catch(function (){ console.log("catch error missing"); });
二、catch方法的特点
- 和then方法一样，可以给下一个promise对象传递参数
- 同一个promise对象可以调用多个catch，当该对象的状态为rejected时，所有的catch方法都会被调用
- catch方法返回一个新的promise对象
- 可以让上一个promise传递一个参数给下一个promise对象，但是不管下一个
- promise对象是成功的状态还是失败的对象，接收到的参数都是上一个promise-catch传递的参数
- catch函数可以返回一个promise对象，返回的promise与catch方法调用的promise对象的状态一样
- catch方法可以捕获上一个promise对象then方法的一个异常
let promise3=new Promise(function (resolve,reject){ // reject("failure3"); resolve("succeeded3!") }) promise3.then(function (){ console.log("success"); xxx; }).catch(function(e){ console.log("failure",e); }) //成功捕获上一个promise的成功回调的错误，报错信息：failure ReferenceError: xxx is not defined at 4-promise-catch.html?_ijt=frlqsu3mnkee7rs8dlqav223j7:63
代码中的XXX是未定义的东西，通过链式编程的catch可以获取上一个promise对象resolve回调函数中的异常并输出显示，这个是catch回调函数和then函数不大一样的一个特点。
