码迷,mamicode.com
首页 > 其他好文 > 详细

promise规范学习

时间:2017-03-28 16:44:20      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:es6   res   query   rip   mis   deferred   通过   images   pre   

/*
ecma6 实现了原生的js实现规范
解决异步加载的问题
*/

/*
es6中原生的promise如何使用
状态 -》 pending等待 -》resolve 通过状态 -》 reject 拒绝状态
then方法 调用 resolve 和 reject 状态所对应的回调函数
*/

技术分享

用法:

技术分享

jquery中的用法

     <script>
/*
   jquery中的deferred
 */
      $(function()
      {
          function show1(time)
           {
                   // reject可省略
                   var dfd = $.Deferred();
                       setTimeout(function(){
                      console.log(time+‘秒后输出‘);
                      //reject();
                      dfd.resolve();
                      },time*1000)
               return dfd;
                  
           }
           show1(1).then(function(){
             console.log(‘成功‘)
           },function(){
             console.log(‘失败‘)
           })
           //========================
           function p1(time)
           {
                   // reject可省略
                   var dfd = $.Deferred();
                       setTimeout(function(){
                      console.log(time+‘秒后输出‘);
                      //reject();
                      dfd.resolve();
                      },time*1000)
               return dfd;
                  
           }
            function p2(time)
           {
                   // reject可省略
                   var dfd = $.Deferred();
                       setTimeout(function(){
                      console.log(time+‘秒后输出‘);
                      //reject();
                      dfd.resolve();
                      },time*1000)
               return dfd;
                  
           }
            function p3(time)
           {
                   // reject可省略
                   var dfd = $.Deferred();
                       setTimeout(function(){
                      console.log(time+‘秒后输出‘);
                      //reject();
                      dfd.resolve();
                      },time*1000)
               return dfd;
                  
           }
           $.when(p1(1),p2(2),p3(3)).then(function(){
                console.log(‘集合成功‘)
           },function(){
                 console.log(‘集合失败‘)
           })
      })
        
     </script>

 

用例:

技术分享

promise规范学习

标签:es6   res   query   rip   mis   deferred   通过   images   pre   

原文地址:http://www.cnblogs.com/h5monkey/p/6634785.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!