ES6新增Promise+then详细讲解

最新推荐文章于 2024-08-29 17:14:45 发布
最新推荐文章于 2024-08-29 17:14:45 发布
阅读量579 收藏
点赞数
分类专栏： 实战项目 文章标签： es6 javascript 前端 经验分享 js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47724586/article/details/108159643
版权
本文详细解析了ES6中引入的Promise对象及其then方法，旨在帮助开发者更好地理解和掌握异步编程技巧，提升JavaScript开发效率。
摘要由CSDN通过智能技术生成

##ES6新增Promise+then详细讲解

  1.  Promise是es6新增的一个类，其职能相当于一个状态机
 有三种状态:pending fulfilled rejected(等待 成功 失败);
 状态一旦发生改变则凝固不可再改变;
 第一个请求成功以后发第二个，第二个成功以后发第三个；
 成功才会有相应的操作和处理；
 在真实的项目中，咱们只需要成功，捕获一下失败；

        new promise是一个同步的过程,new promise执行时传进去的回调函数会马上执行
        let p=new Promise(function(res,rej){
   
            setTimeout(()=>{
   
                res();
            },
最低0.47元/天 解锁文章
胖达爱打代码
关注
专栏目录
JavaScript中es6新增Promise 对象
JackieDYH的博客
08-14 345
Promise 对象有以下两个特点 对象的状态不受外界影响。Promise 对象代表一个异步操作，有三种状态 pending: 初始状态，不是成功或失败状态。 fulfilled: 意味着操作成功完成。 rejected: 意味着操作失败。 一旦状态改变，就不会再变，任何时候都可以得到这个结果。Promise 对象的状态改变，只有两种可能：从 Pending 变为 Resolved 和从 Pending 变为 Rejected。只要这两种情况发生，状态就凝固了，不会再变了，会一直保持这个结果
Promise中then的执行顺序详解
qq_37028216的博客
01-10 1万+
Promise在前端中主要用于处理异步调用，其基本使用方式通过阮一峰大佬的文档一下就可以入手，但是最近我看了一篇文章wecTeam中，作者深山蚂蚁的《高级进阶：深度揭秘Promise注册微任务和执行过程》一文，让我对Promise的执行顺序有了更深的了解，与此同时我也有了一个疑问，通过这篇文章与大家探讨。 1. promise的异步主要发生在微任务队列中 2. 第一个then的回调监听最新Pr...
聊聊Promise，catch和then的关系，rejected状态如何在then链中”透传“直到被处理
最新发布
lingliu0824的博客
08-29 1096
/Promise状态变成Rejected})//这里then只传入了一个回调函数，rejected状态不会执行这个回调，then方法会将当前rejected状态Promise对象返回}).then((res) => {//前面的Promise为rejected状态，此回调不执行},(err) => {//执行//由于这里面没有抛出错误，也没任何返回，故then方法会返回一个Resolved状态的Promise对象。resolve值为undefined。
ES6新增 Promise
当历史只剩罪恶，唯有推倒重来，我们开创文明，我们传承文明，周而复始，生生不息。
10-24 346
promise 作用 1.解决延期问题 2.避免回调层级过深问题 promise代码示例： //promise 解决了层级过深的问题，实现承诺 function say(str, time) { return new Promise((reslove, reject) => { setTimeout(() => { reslove(str); }, time) }) } say("是否可以加微信", 3000).then(res
ES6新增的Promise
Youthful_Dreams的博客
01-21 190
回调地狱: 在使用JavaScript时，为了实现某些逻辑经常会写出层层嵌套的回调函数，如果嵌套过多，会极大影响代码可读性和逻辑，这种情况也被成为回调地狱。 代码阅读性非常差 浪费性能 不方便维护 // 三十个不同请求，同时拿到所有的数据 ajax("",function(res1){ ajax("",function(res2){ ajax("",function(res3){ ajax("",function(re.
es6新增：promise
m0_56714054的博客
04-14 163
这里表示异步执行完毕,让promise对象产生了结果 结果就是'这就是pro1这个promise的结果'字符串,那这个字符串怎么被外面捕获？4. 所谓的异步的解决方案就是: 我们可以在new Promise的回调函数定义任意的异步操作, 状态最终变成成功fullfiled 还是变为失败的rejected状态 都是我们自己决定的。特性: 状态只能从pending--->fullfiled 或者 从pending--->rejected, 如果这个promise对象的状态已经改变就没有办法再变回去了。
ES6新增的Promise的理解和基本使用
热门推荐
weixin_55894946的博客
05-25 3万+
promise是解决我们异步编程的解决方案，让我们的异步代码看起来更加优雅容易维护。 首先我们要了解的是promise的三种状态，pending（等待），resolved（已完成）触发then方法，rejected（已拒绝）触发catch方法。 下面是经典的定时器异步回调示例： 可以看出，我们要想达到以此执行异步任务，那么只能进行嵌套，如果有很多个异步任务都是依赖于上一个异步任务执行完毕，那么就形成了我们俗说的回调地狱，当项目逐渐庞大时，就意味着我们的更新维护将会异常的苦难。 因此，promis
ES6新增语法(五)——Promise详解
m0_70646869的博客
05-09 141
).catch((reason,data)=>{ console.log(“catch失败执行回调抛出原因”,reason) }) then方法 ====== then方法接收两个参数作为参数，第一个参数是Promise执行成功时的回调，第二个参数是Promise执行失败的回调，两个函数只会有一个被调用。 通过.then添加的回调函数，不论什么时候，都会被调用，而且可以添加多个回调函数，会一次按照顺序并且独立运行。 const p =new Promise((resolve,reject)=>{
es6的async和await讲解
qq_41938120的博客
04-12 476
简介 async和await是es6新增的两个关键字，为了简化promise的使用 async async用于修饰函数，放在函数最开始的位置，被修饰的函数的返回结果一定是promise对象 async function test(){ console.log(1); return 2; } //等效于 function test(){ return new Promise(...
Promise与async await学习笔记
littlebra的博客
08-31 335
Promise.race()方法会发起并行的Promise异步操作，只要一个异步操作完成，就立即执行下一步的.then()操作（赛跑机制）Promise.all()方法会发起并行的Promise异步操作，等所有的异步操作全部结束后才进行下一步的.then操作（等待机制）。如果某一方法的返回值是Promise实例对象，可使用await修饰，修饰后就返回值不再是Promise实例对象，变成方法的值。p.then(成功的回调函数，失败的回调函数) //成功的回调函数必填，失败的回调函数可选可省略。...
ES6~ES11
aliyun3的博客
04-13 671
第一章：ES6语法 第一节：ES6的概念 ES 的全称是 ECMAScript , 它是由 ECMA 国际标准化组织,制定的一项脚本语言的标准化规范。 ES6 既是一个历史名词，也是一个泛指，含义是 5.1 版以后的 JavaScript 的下一代标准，涵盖了 ES2015、ES2016、ES2017 等等，而 ES2015 则是正式名称，特指该年发布的正式版本的语言标准。 第二节：为什么使用ES6 每一次标准的诞生都意味着语言的完善，功能的加强。JavaScript语言本身也有
ES6新增Promise
qq_64156125的博客
02-01 113
目的：为了解决回调地狱问题。
ES6里新增的Promise对象
qq_37635012的博客
05-13 295
js里的同步与异步 浏览器是多线程的，js是单线程的(浏览器只分配一个线程来执行js)。一个进程包含多个线程，例如在浏览器打开一个应用就占用了一个线程。 同步：在一个线程(主栈)上，同一个时间只能做一件事件，当前事情完成了才能继续进行执行下一个事情。 异步：在线程(主栈)上执行任务，当发现某个任务是一个异步操作时，我们会把这个异步操作放到等待队列中，如果主栈执行完成，监听者会把等待队列里到达时间的异步任务放回主栈执行。 异步操作有： 宏任务：定时器(setinterval、settimeout)、事件绑定、
ES6 Promise的then方法，Set集合实例，class类各个实现和继承(1)
m0_60707708的博客
03-16 966
开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】就答题情况而言，第一问100%都可以回答正确，第二问大概只有50%正确率，第三问能回答正确的就不多了，第四问再正确就非常非常少了。其实此题并没有太多刁钻匪夷所思的用法，都是一些可能会遇到的场景，而大多数人但凡有1年到2年的工作经验都应该完全正确才对。只能说有一些人太急躁太轻视了，希望大家通过此文了解js一些特性。小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。
ES6新技术——promise
rain19982016的博客
03-06 514
ES6新技术——promise实现异步编程
ES6的新增特性promise对象
qq_38337985的博客
08-24 351
为解决ajax多次请求，并且依赖上一次结果的多次请求造成的代码可读性差，消耗更多的等待时间，以及不容易维护的问题，而新增了特性promise，promise能更合理规范的进行异步处理操作。 （一）基本用法： let pro = new Promise(function(resolve,reject){ //pending状态 if(true){ //fulfilled状态 resolve("操作成功") }else{
Promise 菜鸟教程|new Promise().then() 之间的关系
weixin_46572873的博客
04-19 5700
Promise 菜鸟教程|Promise和then之间的关系peromise 语法1peromise 语法2 peromise 语法1 注意：new Peromise((fun1)=>{})的的fun1带着的参数与 then((data1){}) 中data1对应，按顺序对应 let promise = new Peromise((fun1) =>{ //这里面放入异步请求代码 自己定fun1在什么情况下执行 如下实例代码所示 }); //取用Peromise结果 promise.then(
ES6中Promise的then方法
Sixology的博客
07-09 1712
话不多说直接上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> const p = new Promise((resolve, reject) => { const data = "获取
Javascript ES6 理解Promise的then()
苦涩精灵的博客
09-08 415
let func = function() { return new Promise((resolve, reject) => { resolve('Promise成功后return的值'); }); }; let cb = function() { return '函数return的值'; } func().then(function() { return cb(); }).then(resp => { //resp = 上一个then的返回值 console.log(1,r
大厂Web全栈工程师深度学习路线：Promise+ES6+Vue+React+Node.js实战
"大厂Web全栈工程师 Promise+ES6+Vue高级+React高级+前端工程化+Node.js+AST+Webpack" 这是一门全面涵盖Web开发核心技术的课程，旨在帮助Web工程师提升到高级全栈开发的水平。课程内容包括了Promise、ES6、Vue.js...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值