JavaScript-promise使用+状态

Promise

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

Promise的基本使用：

代码


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <script>
        //promise
    var PO=new Promise((reslove,reject)=>{
        setTimeout(()=>{
            reslove("成功")
        },2000)
    })
    PO.then(relsult=>{
        console.log(relsult)
        //接收成功的结果
    })
    PO.catch(error=>{
        console.log(error)
        //接收失败的结果
    })
    //可以关联失败和成功的结果
    //axios原理的理解
    script>
body>
html>

Promise的三种状态：

待定

创建对象时候

已兑现

调用reslove

已拒绝

调用了reject

三种状态代码演示


html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Documenttitle>
head>
<body>
    <script>
        //promise
    var PO=new Promise((reslove,reject)=>{
        //创建  待定状态pending
        setTimeout(()=>{
            reslove("成功")
            //绑定状态
        },2000)
    })
    console.log(PO)
    PO.then(relsult=>{
        //当reslove被调用就会获取到成功内容  状态变为已兑现
        console.log(relsult)
        //接收成功的结果
    })
    PO.catch(error=>{
        //如果调用了reject 状态变为已拒绝
        //如果同时调用 则按照执行顺序 一次修改状态不能二次修改
        console.log(error)
        //接收失败的结果
    })
    //可以关联失败和成功的结果
    //axios原理的理解
    script>
body>
html>

成功截图

相关阅读:
记一次 .NET某工控宇宙射线导致程序崩溃分析
【基于FreeRTOS的STM32F103系统】Heap_4内存管理机制程序详解
一种基于直方图优化的图像去雾系统-用户界面-含Matlab代码
STL list输出和增加
Qt之图片缩放并解决失真问题
基于WebRTC构建的程序因虚拟内存不足导致闪退问题的排查以及解决办法的探究
ESP32微控制器与open62541库: 详细指南实现OPC UA通信协议_C语言实例
SpringBoot + Security + JWT安全策略
Linux Makefile编写之静态库
n个数取出r个数排列

原文地址：https://blog.csdn.net/m0_68711597/article/details/132923087