• JavaScript-promise使用+状态

    Promise


    什么是PromisePromise对象就是异步操作的最终完成和失败的结果；

     Promise的基本使用：

    代码

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Documenttitle>
    8. head>
    9. <body>
    10.     <script>
    11.         //promise
    12.     var PO=new Promise((reslove,reject)=>{
    13.         setTimeout(()=>{
    14.             reslove("成功")
    15.         },2000)
    16.     })
    17.     PO.then(relsult=>{
    18.         console.log(relsult)
    19.         //接收成功的结果
    20.     })
    21.     PO.catch(error=>{
    22.         console.log(error)
    23.         //接收失败的结果
    24.     })
    25.     //可以关联失败和成功的结果
    26.     //axios原理的理解
    27.     script>
    28. body>
    29. html>

    Promise的三种状态：

    待定

    创建对象时候

    已兑现

    调用reslove

    已拒绝

    调用了reject

    三种状态代码演示

    1. html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7.     <title>Documenttitle>
    8. head>
    9. <body>
    10.     <script>
    11.         //promise
    12.     var PO=new Promise((reslove,reject)=>{
    13.         //创建  待定状态pending
    14.         setTimeout(()=>{
    15.             reslove("成功")
    16.             //绑定状态
    17.         },2000)
    18.     })
    19.     console.log(PO)
    20.     PO.then(relsult=>{
    21.         //当reslove被调用就会获取到成功内容  状态变为已兑现
    22.         console.log(relsult)
    23.         //接收成功的结果
    24.     })
    25.     PO.catch(error=>{
    26.         //如果调用了reject 状态变为已拒绝
    27.         //如果同时调用 则按照执行顺序 一次修改状态不能二次修改
    28.         console.log(error)
    29.         //接收失败的结果
    30.     })
    31.     //可以关联失败和成功的结果
    32.     //axios原理的理解
    33.     script>
    34. body>
    35. html>

     成功截图

  • 相关阅读:
    卡尔曼滤波介绍
    Java之多态数组
    oracle初步学习笔记
    MSP430F5529时钟系统配置
    记一次云服务器被密码爆破的经历——关小黑屋、改密码、改端口
    VoVNet论文解读
    Docker核心：深入理解Dockerfile，通过Dockerfile构建自己的镜像并发布到远程（DockerHub、阿里云）
    【linux】shell：简单的shell脚本练习
    Java学习—线程的创建
    PTE-RA总结
  • 原文地址：https://blog.csdn.net/m0_68711597/article/details/132923087