• promis:异步编程


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

    5640239-82d99e995d355471.png
    Image.png
    5640239-95d0aace0b59287c.png
    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>
    
    5640239-a81a40f8b99dd7d8.png
    Image.png

    必须要加返回值

    5640239-2fbcb2b439b18862.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>
    
  • 相关阅读:
    VUE框架的插值操作补充
    VUE框架
    VUE框架vif
    VUE框架 methods使用
    JS 计时器案例
    JS 函数
    VUE框架安装
    VUE框架的插值操作
    JS Date类型
    VUE框架的使用
  • 原文地址:https://www.cnblogs.com/wangting888/p/9702159.html
Copyright © 2020-2023  润新知