• Promise


     promise的基本使用

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <script>
        new Promise((resolve,reject)=>{
          setTimeout(()=>{
            resolve("abc")
            reject("sssss")
          },1000)
        }).then(data=>{
          console.log(data);
          //第一次
          return new Promise((resolve,reject)=>{
            setTimeout(()=>{
             resolve("sss")
            },1000)
          }).then(data=>{
            console.log(data)
         //第二次
          return new Promise((resolve,reject)=>{
            setTimeout(() => {
              resolve("ccc")
            }, 1000);
          }).then(data=>{
            console.log(data)
          },err=>{
            console.log(err)
          })  
          })//简写err
        })
        // }).catch(error=>{
        //   console.error(error);
        // })
      </script>
    </body>
    </html>

    promise的简写

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <script>
        new Promise((resolve,reject)=>{
          setTimeout(()=>{
            resolve("abc")
            reject("asdasd")
          },1000)
        }).then(data=>{
          console.log(data);
          //第一次
           return data+"a"//最简便                      // return Promise.resolve(data+"a")   第二简便
        }).then(data=>{
            console.log(data)
         //第二次
          return  Promise.resolve("aad")
          }).then(data=>{
            console.log(data)
          }).catch(err=>{
            console.log(err)
          })  
      </script>
    </body>
    </html>

    all的使用

    <!DOCTYPE html>
    <html lang="en">
    <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <meta http-equiv="X-UA-Compatible" content="ie=edge">
      <title>Document</title>
    </head>
    <body>
      <script>
        Promise.all([
        new Promise((resolve,reject)=>{
          setTimeout(()=>{
             resolve([{age:18,name:"wang"},'result1'])
          },1000)
        }),
         
        new Promise((resolve,reject)=>{
          setTimeout(() => {
            resolve({age:17,name:"wangxingyu"},"result2")
          }, 1000);
          })
        ]).then(results=>{
          console.log(results);
        })
      </script>
    </body>
    </html>
  • 相关阅读:
    原生js实现Ajax请求,包含get和post
    JSP和Servlet的关系
    框架、框架模式和设计模式
    Java技术综述
    传输层和网络层区别(形象解释)
    Vue基本用法:过滤器、生命周期钩子函数和利用webpack 生成项目
    Vue基本用法:组件
    Vue基本用法:计算属性、监听器和表单输入绑定
    Vue基本用法:模板语法和指令系统
    win10想说爱你不容易——安装.net3.5也是一个坑(已有完美解决方法)
  • 原文地址:https://www.cnblogs.com/wxy0715/p/12442663.html
Copyright © 2020-2023  润新知