JavaScript系列—promise&&async

最新推荐文章于 2025-01-19 22:16:53 发布
最新推荐文章于 2025-01-19 22:16:53 发布
阅读量255 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaScript系列
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/jiaojsun/article/details/90054496
本文深入探讨了Promise和Async/Await在异步编程中的应用与区别，讲解了它们的状态变化、错误处理机制及代码优化策略。通过对比，帮助读者理解两者的特点与适用场景。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 之前已经整理过promise&&async相关东西

https://blog.youkuaiyun.com/jiaojsun/article/category/8085997

https://blog.youkuaiyun.com/jiaojsun/article/category/7191902

这次针对问题再巩固一下

https://segmentfault.com/a/1190000013612116

  • promise、async有什么区别

Async/await 是建立在 Promises上的，不能被使用在普通回调以及节点回调

Async/await 和 Promises 很像，不阻塞

Async/await代码更简洁。Async/await 代码看起来像同步代码。

 

4. Promise 中不能自定义使用 try/catch 进行错误捕获，但是在 Async/await 中可以像处理同步代码处理错误

 

 

  • 介绍Promise，异常捕获

Promise 是异步编程的一种解决方案。Promise 是一个对象，从它可以获取异步操作的消息。Promise对象有以下两个特点。

（1）对象的状态不受外界影响。

（2）一旦状态改变，就不会再变，任何时候都可以得到这个结果。

异步捕获用catch  

看下面一个例子

 

 

  • 如何设计Promise.all()

 

  • Promise和Async处理失败的时候有什么区别

 

  • Promise和Callback有什么区别

 

Promise 

 

async/await 

 

 http://es6.ruanyifeng.com/#docs/async

 

 

  • 使用Async会注意哪些东西
  • Promise有几个状态 

  • 介绍下Promise，内部实现
  • 对async、await的理解，内部原理 

  • Async里面有多个await请求，可以怎么优化（请求是否有依赖）

  • promise的精髓，以及优缺点

对JavaScript Promise/async/await的一些理解
GL
03-06 465
var promise1 = new Promise(function(resolve, reject) { console.log("Inside new Promise, with 300 timeout");
深入理解 JavaScript 的 Promise 与 async/await
bjzhang75的博客
08-27 1039
在 JavaScript 中，异步操作允许程序在等待某个任务完成时，继续执行其他代码，而不会阻塞主线程。这对于处理如网络请求、文件读写、定时器等耗时任务尤为重要。Promise 是一种用于处理异步操作的对象，它代表一个尚未完成但预计会在未来某个时间点完成的操作。Pending（待定） ：初始状态，操作尚未完成。Fulfilled（已完成） ：操作成功完成。Rejected（已拒绝） ：操作失败。在现代 JavaScript 开发中，异步编程至关重要。
JavaScript 中Promise的使用和 Async的使用
xuhang139的博客
08-09 499
Promise 由CommonJS社区提出，在ES2015中被标准化，成为语言js规范 解决回调函数嵌套问题，更好的实现异步编程，使代码扁平化 基本用法 Promise 构造函数只有一个参数，是一个函数，构造之后函数会直接被异步放到线程最后运行，所以我们称之为起始函数。异步函数执行结束后包含两个状态回调，成功执行resolve(data)回调，失败reject(error) function ajax(url,data){ return new Promise((resolve,rej.
JavaScript Promise 和Async/Await一看就懂
qq_36174666的博客
05-26 2330
回调地狱 在书写JavaScript的时候，我经常不得不去处理一些依赖于其它任务的任务！比如说我们想要得到一个图片，对其进行压缩，应用一个滤镜，然后保存它 。 我们最先需要做的事情是得到我们想要编辑的图片。getImage函数可以处理这个问题！一旦图片被成功加载，我们可以传递那个值到一个resizeImage函数。当图片已经被成功地重新调整大小时，我们想要在applyFilter函数中为图片应用一个滤镜。在图片被压缩和添加滤镜后，我们想要保存图片并且让用户知道所有的事情都正确地完成了！ 最后，我们可能
优雅而高效的JavaScript——Promise 和 async/await
杜永康的博客
10-10 1131
在现代的web开发中，异步操作已经成为一种常见情况。在处理异步操作时，我们需要一种有效的方法来管理和处理这些操作，以确保代码的可读性和可维护性。Promise是一种用于处理异步操作的编程模式，而async/await则是对Promise的一种语法糖。本文将详细介绍Promise和async/await的相关概念以及它们的优势。
Javascript自学随笔：Promise & Async
jx30112的博客
09-25 195
Promise & AsyncPromise缺点执行函数Promise.resolve()then不可重入性Parallel Promise CompositionSerial Promise Composition*面试八股 - 手动默写promiseAsync FunctionsGeneratorAsyncawaitAsync并行/串行*面试八股 - 手动默写async*内存管理 Promise 一个有限状态机，三个状态，输入一个函数，输出异步操作的结果。状态机本身同步执行，函数异步执行。 缺点
js代码-Promise & async/await
07-16
在JavaScript的世界里，Promise和async/await是处理异步操作的关键工具。它们为开发者提供了更加优雅和可读的方式来管理回调函数的嵌套地狱，也就是常说的"回调地狱"。Promise和async/await都是ES6引入的新特性，极...
JavaScript 异步编程之 Promise 与 Async/Await 详解
威哥说编程
12-29 772
Promise是一个表示异步操作最终完成（或失败）并返回结果的对象。一个PromisePending（待定）：初始状态，表示异步操作尚未完成。Fulfilled（已兑现）：异步操作成功完成，并返回一个结果。Rejected（已拒绝）：异步操作失败，并返回一个错误原因。// 异步操作// 假设操作成功resolve("操作成功！");} else {reject("操作失败！");});async和await是基于Promise的语法糖，旨在使异步代码看起来像同步代码。async。
Promise与async/await
最新发布
yuren_xia的博客
01-19 1412
Promise和是JavaScript中处理异步操作的两种重要方式。
Promise和Async/Await用法整理
热门推荐
Lawliet
01-24 1万+
1.Promise 1.简介 Promise,简单来说就是一个容器，里面保存着某个未来才会结束的时间(通常是一个异步操作的结果) Promise对象的基本语法： new Promise((resolve,reject) => { //..... }); 从语法上来说，Promise是一个对象，从它可以获取异步操作的消息。 基本语法： let p = new Promise((
微信小程序中使用Async-await方法异步请求变为同步请求方法
01-03
微信小程序中有些 Api 是异步的，无法直接进行同步处理。例如：wx.request、wx.showToast、wx.showLoading等。如果需要同步处理，可以使用如下方法： 注意： Async-await方法属于ES7语法，在小程序开发工具中如果勾选es6转es5, 会报错： ReferenceError: regeneratorRuntime is not defined 避免报错，可以引入 regenerator 在根目录下创建 lib 文件夹，并将 https://github.com/facebook/regenerator/tree/master/packages 里面的
JavaScript — Promise、async、await
舒梵的博客
08-05 527
Promise 1、new Promise函数体内的打印是同步 2、必须要调用resolve()，.then才会执行 const p = new Promise(resolve=>{ console.log(1) //同步 resolve('你好') //resolve返回的值是then返回值的形参，一定要加这个，不然不会执行then }) p.then(data=>{ console.log(data) console.log(22) }) //打印：1、你好、22 console.
JS总结——Promise与async，await
qq_53008257的博客
05-01 5406
Promise是什么? Promise是JS中进行异步编程的新解决方案(ES6规范) 异步任务:例如文件IO，AJAX,定时器等等，异步任务，简单地说，异步任务就是把任务先放一放，等当前手头的任务处理完之后再处理。 为什么要使用Promise 在Promise出现之前，我们想要执行异步函数，必须先指定其回调。 如果想要在基于第一个异步任务的处理结果执行第二个异步任务，那么我们就需要再第一个异步任务的回调函数中编写第二个异步任务的回调函数。 这样会产生一个回调地狱的问题。 即 如图所示，代码疯狂缩进，回调函数
详解Promise和Async用法
weixin_52700022的博客
07-20 1733
详解Promise和Async用法
js中async与promise的区别
rock---you的博客
11-21 433
都用于处理异步操作，但它们的用法和语法有一些显著区别。或链式调用，可能会导致代码可读性较差。嵌套多个异步操作时可能会导致代码复杂化。让代码看起来更线性和清晰，但需要在。在 JavaScript 中，避免了嵌套，让代码更简洁。函数的返回值本质上是一个。
异步编程的实现方式以及区别
有点打脑壳的博客
12-08 655
异步操作以及Promise小笔记
Promise ,async, await 的执行顺序
风华绝代的博客
09-16 549
第一个版本 async function async1() { console.log('async1 start'); await async2(); console.log('async1 end'); } async function async2() { console.log('async2'); } console.log('script start'); setTimeout(function() { console.log('setTimeo.
js：Promise理解、async和await的理解、宏任务/微任务、异常处理、防抖和节流
Litt_White的博客
08-14 5929
Promise理解、async和await的理解（未完成）、构造函数/原型/原型链、防抖和节流、this指向（普通函数，箭头函数，JS/Vue的this）、上下文环境、作用域和闭包
掌握Promise与Async/Await：解决JavaScript回调地狱问题
通过以上各点的详细介绍，我们可以了解到异步JavaScript编程中的痛点、Promise的机制和优势、如何利用`async/await`提升异步代码的可读性，以及如何处理异步代码中可能出现的错误。掌握这些知识，可以有效地避免回调...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值