promis:异步编程

最新推荐文章于 2024-09-06 18:25:08 发布

weixin_30456039

最新推荐文章于 2024-09-06 18:25:08 发布

阅读量56

点赞数

原文链接：http://www.cnblogs.com/ting6/p/9725944.html

版权

promise对象用于延迟计算和异步计算：一个promise对象代表着一个还未完成，但预期将来完成的操作

Image.png

打印结果如下：

<!DOCTYPE html>
<html>
     <head>
           <meta charset="UTF-8">
           <title></title>
     </head>
     <body>
     <script>
     console.time("Promise");
     //resolve执行成功后调用
     //reject执行失败时调用
     new Promise(function(resolve, reject) {
           setTimeout(function() {
                resolve("定时器");
           }, 1000 * 2);
     }).then(function(result) {
           console.log(result);
           console.timeEnd("Promise");
     });
</script>
     </body>
</html>

Image.png

必须要加返回值

Image.png

<!DOCTYPE html>
<html>
       <head>
                 <meta charset="UTF-8">
                 <title></title>
       </head>
       <body>
       </body>
       <script>
                 console.time('Promise');
                 //resolve 执行成功后调用
                 //reject  执行失败时调用
                 new Promise(function(resolve,reject){
                          setTimeout(function(){
                                    resolve("定时器执行完毕");
                          },1000*2);
                 }).then(function(result){
                          console.log("第一个 then 有异步");
                          //对数据做处理
                          return new Promise(function(resolve, reject){
                                    setTimeout(function(){
                                             resolve({
                                                       "data" : result
                                             });
                                    },1000 * 2);
                          });
                 }).then(function(data){
                          //接收完整的数据
                          console.log(data);
                          console.timeEnd('Promise');
                 });
       </script>
</html>

转载于:https://www.cnblogs.com/ting6/p/9725944.html