iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > JavaScript >es6的promise怎么使用
  • 857
分享到

es6的promise怎么使用

2024-04-02 19:04:59 857人浏览 薄情痞子
摘要

今天小编给大家分享一下es6的promise怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解

今天小编给大家分享一下es6的promise怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。

在es6中,promise是“承诺”的意思,承诺表示异步操作的结果,是新增的异步编程解决方法,在代码中表现为一个对象,主要用于解决回调地域问题,语法为“new Promise(function(resolve, reject){..})”。

教程操作环境:windows10系统、ECMAScript 6.0版、Dell G3电脑。

es6的promise是什么意思

promise 是承诺的意思,其背后的核心思想是,承诺表示异步操作的结果。

是es6新增的异步编程解决方案,在代码中表现为一个对象。

promise是js异步编程提供的解决方案,主要用来解决回调地域问题。

Promise有三种状态,分别是

  • Pending(进行中) 初始状态

  • Fulfilled (已成功) 意味着操作成功

  • rejected (已失败) 意味着操作失败

注意:Promise对象的三种状态,不受外界的影响,只有promise中存放的将来会结束的事件才会影响。也就是只有异步操作的结果,可以决定当前是哪一种状态,任何其他操作都无法改变这个状态

Promise状态一旦改变、不可逆

Pendding(进行中)状态可以转变为Fulfilled(已成功)状态

Pendding(进行中)状态可以转变为 rejected(已失败)状态

promise只有这两种情况发生状态改变,一旦发生这两种状态改变,那么状态就凝固了,会一直保持这个结果。

基本使用方法

语法:

new Promise( function(resolve, reject) {...}   )

原理:

构建 Promise 对象时,需要传入一个 executor 函数,主要业务流程都在 executor 函数中执行。

Promise构造函数执行时立即调用executor 函数, resolve 和 reject

两个函数作为参数传递给executor,resolve 和 reject

函数被调用时,分别将promise的状态改为fulfilled(完成)或rejected(失败)。一旦状态改变,就不会再变,任何时候都可以得到这个结果。

在 executor 函数中调用 resolve 函数后,会触发 promise.then 设置的回调函数;而调用 reject

函数后,会触发 promise.catch 设置的回调函数。

如下图所示:

es6的promise怎么使用

示例如下:

创建一个新的Promise对象

需要传入一个回调函数,回调函数有2个参数,分别代表resolve(解决),reject(拒绝),并且两个参数都是函数

如果两个参数都不调用,默认pending状态

let promise=new Promise(function(resolve,reject){
});//pending状态

调用resolve 函数,代表Promise的状态,会从pending==>fulfilled

let promise=new Promise(function(resolve,reject){
resolve();
});//fulfilled状态

调用reject函数,代表Promise的状态,会从pending==>rejected

let promise=new Promise(function(resolve,reject){
reject();
});//rejected 状态

以上就是“es6的promise怎么使用”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注编程网JavaScript频道。

--结束END--

本文标题: es6的promise怎么使用

本文链接: https://www.lsjlt.com/news/97657.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • es6的promise怎么使用
    今天小编给大家分享一下es6的promise怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解...
    99+
    2024-04-02
  • ES6 Promise怎么使用
    这篇文章主要介绍“ES6 Promise怎么使用”,在日常操作中,相信很多人在ES6 Promise怎么使用问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”ES6 Promis...
    99+
    2024-04-02
  • es6中promise怎么使用
    这篇文章主要介绍了es6中promise怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇es6中promise怎么使用文章都会有所收获,下面我们一起来看看吧。es6 promise用于异步编程。Promi...
    99+
    2023-07-04
  • ES6的Promise怎么用
    这篇文章主要为大家展示了“ES6的Promise怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ES6的Promise怎么用”这篇文章吧。什么是PromisePromise 是异步编程的一种...
    99+
    2023-06-22
  • ES6中怎么使用Promise对象
    这期内容当中小编将会给大家带来有关ES6中怎么使用Promise对象,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。在promise之前处理异步回调的方式function&...
    99+
    2024-04-02
  • ES6的Promise如何使用
    本篇内容介绍了“ES6的Promise如何使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!所谓Promise,简单说就是一个容器,里面保存...
    99+
    2023-06-27
  • ES6中Promise怎么用
    这篇文章主要为大家展示了“ES6中Promise怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“ES6中Promise怎么用”这篇文章吧。Promise 基...
    99+
    2024-04-02
  • ES6中如何使用Promise对象
    这篇文章主要介绍了ES6中如何使用Promise对象的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇ES6中如何使用Promise对象文章都会有所收获,下面我们一起来看看吧。在promise之前处理异步回调的方式...
    99+
    2023-06-17
  • promise是es6的吗
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。ECMAScript 6 增加了对 Promises/A+ 规范的完善支持,即 Promise 类型。一经推出,Promise 就大受欢迎,成为了主导性的...
    99+
    2022-11-22
    ES6 promise
  • 怎么理解ES6 Promise对象
    这篇文章主要讲解了“怎么理解ES6 Promise对象”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“怎么理解ES6 Promise对象”吧!概述是异步编程的...
    99+
    2024-04-02
  • ES6的Promise用法详解
    目录什么是Promisereject的用法catch的用法all的用法race的用法什么是Promise Promise 是异步编程的一种解决方案,其实是一个构造函数,自己身上有al...
    99+
    2024-04-02
  • es6中promise什么时候用
    本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。Promise的含义Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现,ES6将其写进了...
    99+
    2022-11-22
    javascript promise ES6
  • Node.js中ES6模块化及Promise对象怎么使用
    本文小编为大家详细介绍“Node.js中ES6模块化及Promise对象怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“Node.js中ES6模块化及Promise对象怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一...
    99+
    2023-07-02
  • promise是不是es6的
    本篇内容主要讲解“promise是不是es6的”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“promise是不是es6的”吧!是的。promise是ECMAScript 6新增的引用类型,表示一...
    99+
    2023-07-04
  • JavaScript Promise怎么使用
    今天小编给大家分享一下JavaScript Promise怎么使用的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面...
    99+
    2024-04-02
  • JavaScript的Promise类怎么使用
    这篇文章主要介绍了JavaScript的Promise类怎么使用的相关知识,内容详细易懂,操作简单快捷,具有一定借鉴价值,相信大家阅读完这篇JavaScript的Promise类怎么使用文章都会有所收获,下...
    99+
    2024-04-02
  • javascript中的Promise怎么使用
    这篇“javascript中的Promise怎么使用”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“javascript中的P...
    99+
    2023-06-30
  • promise类型是不是es6的
    这篇“promise类型是不是es6的”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“pro...
    99+
    2024-04-02
  • ES6新特性中promise对象的用法
    这篇文章主要介绍了ES6新特性中promise对象的用法,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。1. promise 介绍它是一个对象...
    99+
    2024-04-02
  • es6中promise对象的状态是什么
    这篇文章主要介绍“es6中promise对象的状态是什么”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“es6中promise对象的状态是什么”文章能帮助大家解决问题...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作