浅谈JS中的promise

最新推荐文章于 2024-07-04 22:15:00 发布
最新推荐文章于 2024-07-04 22:15:00 发布
阅读量316 收藏 8
点赞数 10
分类专栏： 前端-js 文章标签： javascript 前端 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_61768030/article/details/135441938
版权

Promise（期约）是什么

是什么

处理异步请求的方式，异步操作队列化

三种状态

初始状态 pending，操作成功状态 fulfilled，操作失败状态 rejected，状态一旦发生改变，便不可逆转

方法

自身有resolve，reject，all，race方法，原型上有then，catch方法

原理

实例化一个promise实例，传参是两个参数，两个参数的类型都是函数，一个为resolve，一个是reject。

Promise上面的then方法用来指定状态改变时的确定操作，resolve执行第一个函数，reject执行第二个函数

解决了什么

解决了回调地狱的问题

op冲鸭！
关注
  • 10
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
浅谈JavaScript中promise及其应用
weixin_51622420的博客
04-02 113
Promise是一种非常常见的异步编程解决方案， promise是一个构造函数可以使得我们更加高效地管理异步代码。Promise主要是用来解决回调地狱的问题，让代码更加清晰易懂，同时也可以让我们更好地处理异步操作的返回值。
浅谈JavaScript中的Promise
Mrrrrr的博客
11-15 181
Promise产生的背景 在JavaScript中，由于其是单线程的，为了保证JS代码的执行效率，采用了异步编程技术，但这也带来了一个问题：对于异步代码的执行顺序就带来了不确定性。 为了保证代码执行顺序按照我们的意愿去执行，可以使用异步代码A中嵌套异步代码B，异步代码B中嵌套异步代码C，以此类推的方式进行编程来控制异步代码的执行顺序。但这又带来了另一个问题：这样的代码可读性太差，且难以维护。 为了...
浅谈ES6中Promise的使用
学习真香
04-20 229
Promise 基础 官方文档: api/new-promise.html 一篇讲解原理很好的文章: 认识和使用Promise，重构你的Js代码 Promise的出现是为了解决回调地狱. 减少代码的嵌套循环,转而写成类似于串联的代码. 如今绝大部分的浏览器都支持Promise了.我们可以在控制台中输出看一下. 可以看到Promise() 大写的P说明,这是一个构造函数.我们需要传入带有resol...
浅谈ES6中Promise
Wrj6811的博客
12-20 159
promise是ES6中新增的一个用于处理异步请求的一个方法。 上面的图片展示了promise的基本 的方法和状态。 那么如何使用 promise呢？ 1. 创建一个 Promise实例 const promise = new Promise((resolve, reject) => { if (/* fulfilled */){ return resolve(value) } else { // rejected r
浅谈JavaScript中promise的使用
10-20
在JavaScript中，Promise是一个重要的特性，被引入来解决异步编程中的回调地狱问题。Promise对象代表着一个异步操作，它可以有三种状态：pending（进行中）、fulfilled（已完成，也称为Resolved）和rejected（已失败...
浅谈js promise看这篇足够了
10-18
在JavaScript的异步编程中，由于其非阻塞的特性，常采用回调函数来处理等待事件，如Node.js中的事件循环。然而，当回调函数嵌套过多时，代码的可读性和可维护性会急剧下降，这被称为"回调地狱"。Promise提供了一种更...
浅谈JavaScript中的对象及Promise对象的实现
10-23
现在，Promise已成为现代JavaScript开发的标准，不仅在jQuery等库中得到支持，也在ECMAScript 6（ES6）中成为原生特性。 总结来说，JavaScript中的对象涵盖了从全局对象到DOM操作的各种概念，而Promise对象则是处理...
Vue前端打包
weixin_63680330的博客
07-04 176
介绍:Nginx是一款轻量级的Web服务器/反向代理服务器及电子邮件(IMAP/POP3)代理服务器。其特点是占有内存少，并发能力强，在各大型互联网公司都有非常广泛的使用。启动：双击nginx.exe 文件启动，服务器默认占用80端口。官网:https://nginx.org/打包好的dist目录赋值到html下。html静态资源文件目录。conf 配置文件目录。logs日志文件目录。temp临时文件目录。
【vueUse库Component模块各函数简介及使用方法--上篇】
xiejunlan的博客
07-02 1261
vueUseComponent函数理解 `computedInject` 的概念模拟 `computedInject`使用场景总结构想`createReusableTemplate`的用途可能的实现方式方法一：使用高阶组件（HOC）方法二：使用插槽（Slots）和默认插槽内容结论构想`createTemplatePromise`的用途可能的实现方式使用Vue 3的异步组件构想中的`createTemplatePromise`结论使用Vue的`ref`属性在模板中引用元素或组件示例：引用模板中的DOM元素。
React useImperativeHandle Hook
hawk2014bj的博客
06-26 964
useImperativeHandle 在 React 为我提供了一个可以为 ref 绑定处理方法的 hook，useImperativeHandle 源码中可以看到实现了绑定以及清理的逻辑。
前端播放RTSP视频流，使用FLV请求RTSP视频流播放（Vue项目，在Vue中使用插件flv.js请求RTSP视频流播放）
weixin_65793170的博客
07-01 970
在浏览器中请求 RTSP 视频流并进行播放时，直接使用原生的浏览器 API 是行不通的，因为它们不支持 RTSP 协议。为了解决这个问题，开发者通常会选择使用像 flv.js 这样的库，它专为在浏览器中播放 FLV 和其他流媒体格式设计。然而，flv.js 本身并不直接支持 RTSP，这意味着我们需要一个额外的步骤来桥接 RTSP 和 flv.js。
Vue 数据大屏适配
FitnessSnail的博客
07-02 250
不会因为在某一维度上缩放过大而导致元素在另一维度上超出视口。.dataScreen-content 盒子内容根据设计稿给的。（默认为 1920x1080）计算缩放比例，并。的缩放比例，那么元素可能会在某一维度上。，这在很多情况下是不希望发生的。的缩放比例的目的是为了保证。单位进行正常的布局就行。在水平和垂直方向上都。
文本超长省略的几种方式（vue）
csdnyp的博客
07-01 347
文本超长省略，el-tooltip
vue3+ts项目中.env配置环境变量与情景配置
我愿化作繁星
07-03 855
就是在编码过程中应用这些自定义环境变量的时候，给出的智能提示。src目录下创建一个或者env.d.ts文件src同级别types目录下创建文件env.d.ts// 更多环境变量...在文件中专门用于处理项目src文件中的TypeScript配置文件，include配置项加入文件：(会提示自定义设置的环境变量)// ...// 第一种方式对应配置"vite-env.d.ts", // 或者 "env.d.ts"// 第二种方式对应配置。
【VUE】 深入理解 Vue 动态路由：简介、实际开发场景与代码示例
九日的博客
07-04 271
在传统的路由配置中，我们需要在初始化 Vue 实例时定义所有的路由。但在实际应用中，特别是涉及权限管理、模块懒加载等场景，我们可能需要根据用户的权限或其它条件动态添加或修改路由。Vue Router 提供的动态路由功能正是为了解决这些问题。
九、浏览器事件机制
weixin_45511682的博客
07-01 638
浏览器事件机制 概念及模型 冒泡 委托 循环 触发
Pinia：Vue 2 和 Vue 3 中更好用的状态管理框架
最新发布
独行猫a 的沉淀、积累、总结。天天学习，好好向上...c/c++,嵌入式 linux,Android,HarmonyOS)
07-04 591
Pinia是由Vue.js的核心维护者之一尤雨溪参与设计的下一代状态管理库，旨在提供一种更直观、更灵活的方式来管理Vue应用的状态。不同于传统的Vuex，Pinia从底层开始构建，充分利用Vue 3的新特性，特别是Composition API，使得状态管理变得更加自然和高效。Pinia凭借其现代化的设计理念、与Vue 3的深度融合、以及对Vue 2的良好兼容性，成为了Vue应用状态管理的新标准。无论你是Vue 2的忠实用户，还是Vue 3的探索者，Pinia都值得作为首选状态管理框架纳入你的开发工具箱。
JavaScript Set新增7个方法操作集合
a57521的博客
07-03 239
symmetricDifference () 它返回一个包含此集合或给定集合中的元素的新集合，但不包含同时存在于这两个集合中的元素。isSubsetOf () 它返回一个布尔值，指示此集合中的所有元素是否都在给定的集合中。difference () 它返回一个包含此集合中的元素但不包含给定集合中元素的新集合。intersection () 它返回一个包含此集合和给定集合中所有元素的新集合。union () 它返回一个包含此集合中所有元素和给定集合的新集合。
js中promise
08-25
JavaScript中的Promise是一种处理异步操作的方法。它可以将异步代码以更直观和可读的方式进行组织和管理。 Promise是一个代表着未来完成或失败的操作的对象。它有三个状态：pending（进行中）、fulfilled（已完成）...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值