promise入門demo
阿新 • • 發佈：2017-12-17
通過 doc nbsp blog rom return post itl htm
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <script> /* * 定義兩個Promise實例化對象，這兩個是需要異步操作的兩個方法 * 在promise對象實例化是傳入一個方法，這個方法兩個參數，一個是異步調用成功，一個是失敗 * 這個方法裏面執行的異步操作會在結束時調用一下resolve * 執行是在then裏面執行，then的函數要有resolve才能執行，然後通過return來執行下一個then * 首先調用demo1的then方法，傳入一個方法，相當於resolve，然後按照then一步一步往下執行*/ function demo1 () { var p = new Promise(function(resolve, reject){ //做一些異步操作 setTimeout(function(){ console.log(‘success11‘); resolve("test1"); }, 2000); }); return p; } function demo2 () {var p2 = new Promise(function(resolve, reject){ //做一些異步操作 setTimeout(function(){ console.log(‘success22‘); resolve("test2"); }, 1000); }); return p2; } demo1().then(function(data){ console.log(data);return demo2(); }).then(function(data) { console.log(data); return demo1(); }) </script> </body> </html>
promise入門demo