function getPromise(cbk){ return (new Promise(cbk)); } getPromise(function (res,rej) { res("suc1") //只会执行一个,并把参数传递到catch或者then rej("err1") }).catch(function(err){ console.log(err,1) }).then(function (res) { console.log(res,2) getPromise(function(res,rej){ /*res((new Promise(function(res,rej){ //return "suc2"; res("suc2") })))*/ //res() 不能传递Promise对象 //res("suc2") rej((new Promise(function(res,rej){ rej("err2") //then不会执行 }))) //不能在res()之后执行 }).catch(function (err) { console.log(err,3) err.catch(function(err){ console.log(err,3.2) }).then(function(res){ console.log(res,3.3) }) }).then(function (res) { console.log(res,4.1) }) return "succ2-1" }).then(function(res){ console.log(res,5) return getPromise(function(res,rej){ rej("err3") res("suc3") }) .catch(function (err) { console.log(err,6) return "err3-1" }) .then(function (res) { console.log(res,7) return res }) }).catch(function(err){ console.log(err,8) }).then(function(res){ console.log(res,9) return getPromise(function(res,rej){ rej("err4") res("suc4") }) }).catch(function(err){ console.log(err,10) return "from catch" }).then(function(res){ console.log(res,11) //会报错 /*res.catch(function(err){ console.log(res,10) }).then(function(res){ console.log(res,11) })*/ getPromise(function(res,rej){ //return "end" //会退出 //rej("err5") rej((new Promise(function(res,rej){ res("suc5-1") //then不会执行 }))) res("suc6") return "end2" //返回值无用 }).catch(function(err){ console.log(err,12.1) err.catch(function(err){ console.log(err,12.2) }).then(function(res){ console.log(res,12.3) }) return "suc6 from catch" }).then(function(res){ //res()和rej()有一个执行都会走then() console.log(res,13) //return "suc7" return (new Promise(function(res,rej){ //res("suc7-1") //then不会执行 })) }).then(function(resp){ console.log(resp,14) }) }); 结果 suc1 2 Promise { <rejected> 'err2' } 3 succ2-1 5 err2 3.2 undefined 4.1 err3 6 undefined 3.3 err3-1 7 err3-1 9 err4 10 from catch 11 Promise { 'suc5-1' } 12.1 suc6 from catch 13 suc5-1 12.3
1,resolve()和reject()有一个执行都会走 then();
2,Promise的cbk()内部 return 返回值,只会退出但返回值没有用;
3,then()和catch()方法只会接收resolve()和reject()的传递过来的值;
4,then()方法若有返回值,会传给下一个then()方法的参数,即最简单的链式调用;
5,resolve()和reject()顺序:reject()先执行时,catch()和then()都会触发,但是then()接收的参数为null,此时如果在catch()方法中有return 返回值,则可以被then()接收到;resolve()先执行时,只会触发then(),参数传递有效;
6,reject()可以传递Promise对象但不能在resolve()之后执行会报错,resolve()不可以传递Promise对象会报错;
7,then()和catch()返回不了Promise对象;catch()可以接收Promise对象;
function getPromise(cbk){ return (new Promise(cbk)); } getPromise(function (res,rej) { setTimeout(function () { console.log("time1") res("suc1") //只会执行一个,并把参数传递到catch或者then rej("err1") },500) }).catch(function(err){ console.log(err,1) }).then(function (res) { console.log(res,2) getPromise(function(res,rej){ /*res((new Promise(function(res,rej){ //return "suc2"; res("suc2") })))*/ //res() 不能传递Promise对象 //res("suc2") setTimeout(function () { rej((new Promise(function(res,rej){ rej("err2") //then不会执行 }))) //不能在res()之后执行 },500) }).catch(function (err) { console.log(err,3) err.catch(function(err){ console.log(err,3.2) }).then(function(res){ console.log(res,3.3) }) }).then(function (res) { console.log(res,4.1) }) return "succ2-1" }).then(function(res){ console.log(res,5) return getPromise(function(res,rej){ setTimeout(function () { rej("err3") res("suc3") },500) }) .catch(function (err) { console.log(err,6) return "err3-1" }) .then(function (res) { console.log(res,7) return res }) }).catch(function(err){ console.log(err,8) }).then(function(res){ console.log(res,9) return getPromise(function(res,rej){ setTimeout(function () { rej("err4") res("suc4") },500) }) }).catch(function(err){ console.log(err,10) return "from catch" }).then(function(res){ console.log(res,11) //会报错 /*res.catch(function(err){ console.log(res,10) }).then(function(res){ console.log(res,11) })*/ getPromise(function(res,rej){ setTimeout(function () { rej((new Promise(function(res,rej){ res("suc5-1") //then不会执行 }))) res("suc6") },500) return "end2" //返回值无用 }).catch(function(err){ console.log(err,12.1) err.catch(function(err){ console.log(err,12.2) }).then(function(res){ console.log(res,12.3) }) return "suc6 from catch" }).then(function(res){ //res()和rej()有一个执行都会走then() console.log(res,13) //return "suc7" return (new Promise(function(res,rej){ //res("suc7-1") //then不会执行 })) }).then(function(resp){ console.log(resp,14) }) });