前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >promis:异步编程

promis:异步编程

作者头像
王小婷
发布2018-06-04 14:42:45
4240
发布2018-06-04 14:42:45
举报
文章被收录于专栏:编程微刊

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

Image.png

Image.png

打印结果如下:

代码语言:javascript
复制
<!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

代码语言:javascript
复制
<!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>
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2017.09.24 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档