[关闭]
@15013890200 2018-09-25T10:41:06.000000Z 字数 1419 阅读 528

Promise 用法

javascript promise setTimeout

  • 由于javascript的语言特性，即所用代码的执行都是单线程的，所有涉及到的网络操作、浏览器事件都必须是异步的。
  • 利用Promise，可以将和某一请求事件相关的操作定义到一个执行链上，这样做的优点：先统一执行ajax请求，不必关心如何处理结果。然后根据请求的结果，在将来的某个时间调用resolve或者reject函数
  • 同时，也学到了如何向setTimeout的回调函数传参数。即 setTimeout(回调函数,毫秒数,参数1,参数2,...)
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.     <meta charset="utf-8">
  5.     <title>promise</title>
  6. </head>
  7. <body>
  9. <script type="text/javascript">
  10.     'use strict';
  11.     var num = 10086;
  12.     function ajaxFunc(resolve,reject){
  13.         let timeOut = Math.random()*2;
  14.         console.log('开始执行ajaxFunc啦');
  15.         setTimeout(function(){
  16.             if(timeOut > 1){
  17.                 console.log('函数执行成功');
  18.                 let ret = {
  19.                     code: 0,
  20.                     msg: 'timeOut: ' + timeOut
  21.                 }
  22.                 num = 10000;
  23.                 resolve(ret);
  24.             }
  25.             else{
  26.                 console.log('函数执行失败');
  27.                 reject('timeOut: ' + timeOut);
  28.             }
  29.         },timeOut*1000);
  30.     }
  32.     // var pro = new Promise(ajaxFunc).then(function(res){
  33.     //  console.log(res);
  34.     //  success();
  35.     // }).catch(function(res){
  36.     //  console.log(res);
  37.     // });
  38.     // function success(){
  39.     //  console.log('num = ' + num);
  40.     // }
  42.     function multiple(num){
  43.         return new Promise(function(resolve,reject){
  44.             console.log('this function is '+ num + ' * ' + num);
  45.             if(num > 10000){
  46.                 reject('num is too large');
  47.             }
  48.             setTimeout(resolve,1000,num*num);
  49.         });
  50.     }
  51.     function add(num){
  52.         return new Promise(function(resolve,reject){
  53.             console.log('this function is ' + num + ' + ' + num);
  54.             setTimeout(resolve,1000,num+num)
  55.         })
  56.     }
  57.     var p1 = new Promise(function(resolve,reject){
  58.         console.log('start calculate ');
  59.         resolve(345);
  60.     });
  61.     p1.then(multiple)
  62.     .then(multiple)
  63.     .then(add)
  64.     .then(function(result){
  65.         console.log('value is ' + result);
  66.     })
  67.     .catch(function(res){
  68.         console.log(res);
  69.     })
  70. </script>
  71. </body>
  72. </html>
添加新批注
在作者公开此批注前，只有你和作者可见。
回复批注