JavaScript学习之ES6学习之Promise

2023-11-10

简介

主要介绍Promise新特性的概念和使用。

概念:
Promise是ES6引入的异步编程的新解决方案,语法上Promise是一个构造函数,用来封装异步操作(也就是回调函数)。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Promise学习</title>
</head>
<body>
    <script>
        const p = new Promise(function(resolve,reject){
            //创建一个Promise实例对象,传入一个函数,函数由两个参数,分别是
            //1. resolve:也是一个函数对象,调用这个说明成功。
            //2. reject:也是一个函数对象,调用这个说明失败。
             //3. 或者throw抛出异常会判定为失败
             //4. 不执行resolve并且不执行reject,返回一个非Promise实例,也是成功。

            //先试试成功
            resolve("我成功啦");

            //再试试失败
            //reject("我失败啦");
            

        }).then(
            //then方法设置成功和失败的回调函数,第一个函数是成功,第二个函数的失败
            function(value){
                //
                console.log("成功:",value);
            },
            function(reason){
                console.log("失败:",reason);
            }
        )
    </script>
</body>
</html>

在这里插入图片描述

再注释掉resolve方法,调用reject方法。

在这里插入图片描述
效果:
在这里插入图片描述

then方法用于设置成功回调和失败回调,该方法的返回值是也是一个Promise实例,所以可以直接链式调用then,达到一条回调链。

在这里插入图片描述

效果:
在这里插入图片描述

验证返回Promise,并在该实例中实现成功。
在这里插入图片描述
效果:
在这里插入图片描述
验证返回Promise并使得失败:
在这里插入图片描述
效果:
在这里插入图片描述

promise由一个catch方法,是一个语法糖,当then函数不想设置成功回调,只想设置失败回调时,还是需要传递一个成功回调函数,尽管里面时空函数,第二个函数才是失败回调,这种情况下then就略显麻烦,此时可以不使用then,直接使用catch,传入一个回调函数,这个就是失败回调。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

JavaScript学习之ES6学习之Promise 的相关文章

  • 如何检测谷歌地图是否加载成功

    我在我的网站中使用谷歌地图版本 3 我遇到了地图有时无法加载的问题 而是显示为灰色框 并且浏览器日志将充满错误 不幸的是 我现在无法获取日志 因为地图再次工作 根据一些研究 问题是因为我使用的实验版本 有没有办法查明地图是否已成功加载或崩溃
  • 如何将 UIWebView 中的输入的键盘按钮“返回”更改为“搜索”?

    我有一个简单的 HTML 文件 它将显示在 UIWebView 中 p p
  • 为什么 AngularJS 在使用 ng-bind-html 时会去掉 data- 属性?

    我正在使用 contentEditable div 来使用户能够格式化他们的文章 我对html内容做了一些处理并保留它 我在用ng bind html当观众想要阅读文章时呈现结果 我不想使用 sce trustAsHtml因为我仍然希望 A
  • 应用程序关闭时监听 firebase 数据库更改

    我正在使用 firebase 创建一个 Ionic 2 应用程序 当应用程序关闭时 即在前台 后台和终止 我需要一种方法来侦听数据库更改 特别是在 child added 上 基本上 我想使用 WebRTC 在应用程序内拨打电话 例如 Wh
  • 减少 JavaScript 中的对象数组

    我在 javascript 中有一个想要减少的对象数组 请参阅下面的代码 6 位或以上的消息已验证 较少的消息未验证 我将他们按组分组 const myArray group groupA message Text without a nu
  • ExtJs4 Json TreeStore?

    我正在将 ExtJs3 应用程序迁移到 ExtJs4 在 ExtJs3 中 我有一个树网格 它有一个加载器来加载树数据 如下所示 loader new Ext tree TreeLoader dataUrl Department Depar
  • 当列表包含图像时,React Native FlatList 感觉很慢

    我为 avater 使用 64x64 图像 它的尺寸非常小 通过我的应用程序 滚动时帧率下降至 25 35 fps 如何优化 flatList 图像
  • 找不到 firebase-messaging.js laravel

    大家好 我正在使用 firebase 制作一个用于推送通知的应用程序 这是我在 firebase 中的第一个项目 我遇到的问题是当我运行项目并单击它给我的登录按钮时的连接 已授予通知权限 但在此之后它返回一个错误 如下所示 获取脚本时收到错
  • 为什么这些 Javascript for 循环在 Firefox 上比 Chrome / Safari 上慢得多?

    我在搞基准网站jfprefs http jsperf com 并创建了我自己的基准http jsperf com prefix or postfix increment 9 http jsperf com prefix or postfix
  • 解密Javascript源代码[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 我已经编写了一段 JavaScrip
  • 如何使 Loopback 模型事件起作用?

    我尝试过一个例子http apidocs strongloop com loopback model http apidocs strongloop com loopback model MyModel on changed functio
  • JavaScript 将 NULL 转换为 0

    我正在使用 jQuery 来获取元素的高度 但如果该元素不存在 以下代码将返回 NULL height menu li active ul height returns integer or null 这是一种跨浏览器安全的方法 可以使用以
  • JavaScript 中的自定义“确认”对话框?

    我一直在开发一个使用自定义 模式对话框 的 ASP net 项目 我在这里使用吓人引号 因为我知道 模式对话框 只是我的 html 文档中的一个 div 它被设置为出现在文档其余部分的 顶部 而不是真正意义上的模式对话框 在网站的许多部分
  • 如何从 dataurl 在服务器上创建图像文件

    我有一个 dataurl 格式的图像 例如 data image jpeg base64 9j 4AAQSkZJRgABAQAAAQABAAD 2wBDAAMCAgMCAgMDAwMEAwME iiigAooooAKKKKACiiigAoo
  • 在没有全局变量的情况下对多个事件使用 Promise 回调

    我有一个包含在函数中的承诺 我将使用不同的输入参数多次调用该函数 每次承诺解决时 我都会将解决的值推送到存储数组中 当我所有的调用承诺都得到解决后 我将在其他函数中使用这个存储数组 是否有任何干净的方法可以在不使用 全局 变量的情况下进行设
  • 为什么 `BehaviorSubject` 不发出最后一个值

    The 关于BehaviorSubject的文档 http reactivex io documentation subject html声明它应该返回最后发出的值 无论我何时订阅 但它不会为我返回它 const ofObservable
  • 同步通用分析

    新的Universal Analytics重新引入了同步事件跟踪 https developers google com analytics devguides collection analyticsjs method reference
  • 如何在 C# 中通过 JavaScript 回调运行 QUnit 测试并获取测试结果?

    在我的几个项目中 我使用 MVC 模式将代码 关注点 分为 3 层 模型层和控制层都在 C 上运行 因此我使用 MSTest 或 NUnit 等测试框架来验证这些层的功能需求 对于视图层 我使用 QUnit 来测试 JavaScript 文
  • 如何使用 Browserify 获取 html 模板

    我正在尝试找出一种简单的方法 在脚本中需要 html 模板 然后从 CLI 运行 browserify 假设我想获取一个模板并将其附加到正文中 index js var template require template html docu
  • angular-cli:Karma-Webpack 因“没有此类文件或目录”而失败

    我从Tour of Heroes使用标准 Angular systemjs 现在我正在使用angular client它在开发 生产模式下运行顺利 但我无法测试任何东西ng test 以下内容会被吐出 不仅适用于test ts但也为了pol

随机推荐

  • Database returned an invalid datetime value. Are time zone definitions for your database installed?

    Django gt python manage py runserver时报错 Database returned an invalid datetime value Are time zone definitions for your d
  • GCC编译选项参数介绍

    gcc和g 分别是gnu的c和c 编译器 下面是整理的常用编译选项参数 1 x 设定文件所使用的语言 使文件后缀名无效 如下 执行完后生成test o gcc c x c test jpg 2 c 只编译生成目标文件即 o 只编译不链接生成
  • Spring Boot通过lombok提供的Slf4j省略日志的创建操作

    上文 Spring Boot将声明日志步骤抽离出来做一个复用类中 我们写了个创建日志的公开类 但这么简单的东西 自然有人会将它写好 lombok已经 提供出了这个工具 首先 我们需要在 pom xml 中加上这样一段代码
  • NB-IOT/Lora/Zigbee/WIFI/蓝牙无线组网方式的对比

    NB IOT Lora Zigbee WIFI 蓝牙无线组网方式的对比 LoRa LoRa 长 距离 是由Semtech公司开发的一种技术 典型工作频率在美国是915MHz 在欧洲是868MHz 在亚洲是433MHz LoRa的物理层 PH
  • 互联网摸鱼日报(2023-09-12)

    互联网摸鱼日报 2023 09 12 36氪新闻 东方树叶 被中年男人买疯了 马斯克重申 特斯拉将取消 实体后视镜 一封钓鱼电邮背后的AI攻防战 苹果iPhone 15系列预测分析 哪些靠谱 该选哪个版本 纯电版丰田埃尔法 难以重现燃油版的
  • PMOS 型的 LDO

    在前面讲 NMOS LDO 的时候 我们注意到 NMOS 由于它的源极和门级之间的导通门限 使 简单构成的 NMOS LDO 它输入和输出之间的压差不可能很小 必须大于这个导通门限 如果 我们引入一个单个的偏置电压对某些应用又是一个负担 因
  • Ag-grid表格 原生javascript的简单使用

    ag grid是支持多种前端框架的企业级表格框架 它能实现的功能也颇多 有兴趣的可以上他的官网api看下ag Grid官网 我这里简单写一下基础的数据初始化生成表格 1 首先引入js文件 我这里用原生的方式 并没有使用vue之类的框架的方法
  • go 进阶 https与http2

    目录 一 复习 https 与 http2 https 是什么 https 原理是什么 http 与https的区别 http2 与http1 x区别 二 golang https http2 基础示例 httputil ReversePr
  • API接口:企业信息核验

    企业信息核验是现代企业管理中必不可少的一项业务 它可以帮助企业做出正确的决策 在这篇文章里 我们将会介绍如何使用API接口来对企业信息进行核验 并实现快捷 准确的查询 一 API接口 在这里我们使用的是挖数据提供的企业信息核验API接口 它
  • opencv-python图形图像处理入门基础知识

    前往老猿Python博文目录 OpenCV 是计算机视觉中经典的专用库 其支持多语言 跨平台 功能强大 OpenCV Python为OpenCV提供了Python接口 使得使用者在Python中能够调用C C 在保证易读性和运行效率的前提下
  • 论在leetcode遇到的奇葩题解

    刷了一上午AcWing 想起来学长说面试更多的还是刷leetcode 于是就打开leetcode官网开始第一次leetcode之旅 当时没考虑太多 直接点进去了 是个中等题 很明显 线性筛嘛 也不难 然后很快就写完 然后我就看到了这个 我敲
  • Mysql数据库的安装教程

    Mysql数据库的安装教程 一 Mysql数据库介绍 二 Mysql数据库特性 1 Mysql现状 2 Mysql的几个特点 三 Mysql数据库中术语介绍 四 检查MySQL 是否安装 1 检测系统是否安装有mysql 五 安装mysql
  • 56-C语言-16进制转10进制

    问题 就是16进制的转10进制 嗯 思路 先手写一下 手推16进制转10进制怎么弄的 写完以后 变成代码 由于之前写过9进制转19进制 因此很多思想一样 这里出现了个新东西 就是10进制以后的进制 出现了字母 因此所输入的数据 变成了字符数
  • C# UDP通讯

    UDP不属于面向连接的通信 在选择协议时 选择UDP必须要谨慎 在网络质量较差情况下 UDP协议数据包丢失会比较严重 但是由于UDP的特性 它不属于连接型协议 具有资源消耗小 处理速度快等优点 所以通常音视频和普通数据在传送时使用UDP较多
  • 【开题报告】ssm电商平台2zag6计算机毕业设计程序

    本项目包含程序 源码 数据库 LW 调试部署环境 文末可获取一份本项目的java源码和数据库参考 开题报告 研究背景 随着互联网技术的迅速发展 电子商务在全球范围内得到了广泛应用和普及 电商平台作为电子商务的重要组成部分 已经成为人们购物的
  • WebStorm修改Tab缩进为2,vue文件也生效,还可以修改webstrom中vue文件回车的4格缩进为2格,亲测可用

    前言 为了 遵循ESLint语法规范 我们需要使用两个空格的tab缩进 使用方法 1 打开设置 找到Code Style 2 找到JavaScript和其他类型 为了vue类型的文件 把数字都改成2 因为vue文件里面有template需要
  • 剑指 Offer 18. 删除链表的节点

    删除链表的节点 思路 先解决特殊条件 package swordPointingToTheOffer public class Eighteen public static class ListNode int val ListNode n
  • XPT2046程序例程(STM32F103C8T6)

    一 前言 本例程是使用XPT2046 AD转换IC采集电位器的数值 并通过串口调试助手打印数据 所使用的是库函数进行编写 二 XPT2046 概述 一 功能说明 XPT2046是一款4线制电阻屏控制器 内含12位分辨率125KHz转换速率逐
  • Review操作系统

    操作系统由什么组成 什么是阻塞IO和非阻塞IO 用户态到内核态怎么切换 中断的原因 进程间的通信方式 同一个机器之间的进程通信哪种最有效 select epllo 2 为什么要分页 你对操作系统内存页有什么了解 为什么要有虚拟内存 有什么用
  • JavaScript学习之ES6学习之Promise

    简介 主要介绍Promise新特性的概念和使用 概念 Promise是ES6引入的异步编程的新解决方案 语法上Promise是一个构造函数 用来封装异步操作 也就是回调函数