JS中的await函数与promise

最新推荐文章于 2022-12-08 21:05:12 发布
最新推荐文章于 2022-12-08 21:05:12 发布
阅读量1.5k 收藏
点赞数
文章标签： javascript html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_48978863/article/details/120343223
版权

1.JS中的await操作符
await 操作符用于等待一个Promise 对象。它只能在异步函数 async function 中使用。

语法

[返回值] = await 表达式;

表达式
一个 Promise 对象或者任何要等待的值。

返回值
返回 Promise 对象的处理结果。如果等待的不是 Promise 对象，则返回该值本身。
引用

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Operators/await

2.Promise
Promise 是一个对象，它代表了一个异步操作的最终完成或者失败。
本质上 Promise 是一个函数返回的对象，我们可以在它上面绑定回调函数，这样我们就不需要在一开始把回调函数作为参数传入这个函数了。
引用

https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Using_promises

愿你决定1213
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解Node.js中的Async和Await函数
12-23
在本文中，你将学习如何使用Node.js中的async函数(async/await)来简化callback或Promise. 异步语言结构在其他语言中已经存在了，像c#的async/await、Kotlin的coroutines、go的goroutines，随着Node.js 8的发布，期待...
await-spawn:包裹在Promise中的child_process.spawn（）
04-29
等待产生包装在Promise child_process.spawn()用于进行异步/等待。... toString ( ) ) }}main ( )阿皮公开一个函数，该函数具有与child_process.spawn()相同的api。 返回将.child设置为生成的子进程的Promise 。 Pro
JS总结——Promise与async，await
qq_53008257的博客
05-01 5004
Promise是什么? Promise是JS中进行异步编程的新解决方案(ES6规范) 异步任务:例如文件IO，AJAX,定时器等等，异步任务，简单地说，异步任务就是把任务先放一放，等当前手头的任务处理完之后再处理。 为什么要使用Promise 在Promise出现之前，我们想要执行异步函数，必须先指定其回调。 如果想要在基于第一个异步任务的处理结果执行第二个异步任务，那么我们就需要再第一个异步任务的回调函数中编写第二个异步任务的回调函数。 这样会产生一个回调地狱的问题。 即 如图所示，代码疯狂缩进，回调函数
javaScript中的await和Promise
weixin_37328901的博客
05-09 1889
Promise 首先先说说Promise，多个异步调用可以用promise链式方法来很直观的表示。 doSomething().then(function(result) { return doSomethingElse(result); }) .then(function(newResult) { return doThirdThing(newResult); }) .then(f...
【JS进阶】Promise/async await 详解
undefined
12-08 1673
Promise是处理异步问题的一种方式，之前都是用回调函数，如setTimeout( ( )=>{ } ,2000)，
js：Promise理解、async和await的理解、宏任务/微任务、异常处理、防抖和节流
Litt_White的博客
08-14 2119
Promise理解、async和await的理解（未完成）、构造函数/原型/原型链、防抖和节流、this指向（普通函数，箭头函数，JS/Vue的this）、上下文环境、作用域和闭包
JavaScript异步编程：Async、await与Promise
m0_47584501的博客
10-12 3336
JavaScript异步编程
async/await与promise（nodejs中的异步操作问题）
01-02
业内为了处理异步操作问题也是拼了，什么async，q，bluebird，co，处理方式不同，各有千秋，感兴趣可以了解一下，但是惊喜的发现nodejs 7.6已经默认支持ES7中的 async/await 了，结合ES6中的 promise对象，用起来...
JavaScript中的async/await
01-08
await 也是一个修饰符，await 关键字 只能放在 async 函数内部， await关键字的作用 就是获取 Promise中返回的内容， 获取的是Promise函数中resolve或者reject的值。 那么async/await到底是干嘛的呢？ 1.async/await...
由回调函数、Promise到async/await的同步写法执行异步代码
01-08
由回调函数、Promise到async/await的同步写法执行异步代码 同步异步是前端面试中经常遇到的问题，虽然不难，但是搞清楚两者之间的关系和转换还是很重要 同步 同步是一种线性执行的方式，执行的流程不能跨越，其后的...
js中Promise与async/await的用法
guairena的博客
12-03 3828
传统方式—将回调函数作为函数参数 传统的将回调函数直接作为函数参数的异步调用的形式 // 异步调用将回调函数作为参数的形式 $.get('/', function(data){console.log(data.length)} // $.get 是一个函数，里面的第二个参数又是一个函数，这个函数作为一个回调函数，将数据拿到，拿到之后，打印出来 Promise promise则用的是then的方式来拿去数据 如：浏览器中的fetch，返回结果就是一个promise 看这个promise怎么拿到.
详解JS的四种异步解决方案：回调函数、Promise、Generator、async/await（干货满满）...
我本可以容忍阳光，如果我不曾见过太阳，然而阳光已使我荒凉，成为更新的荒凉。
04-14 6457
同步&异步的概念在讲这四种异步方案之前，我们先来明确一下同步和异步的概念：所谓同步(synchronization)，简单来说，就是顺序执行，指的是同一时间只能做一件事情，只有目前正在执行的事情做完之后，才能做下一件事情。比如咱们去火车站买票，假设窗口只有1个，那么同一时间只能处理1个人的购票业务，其余的需要进行排队。这种one by one的动作就是同步。同步操...
JavaScript(八)——Promise基本用法 async/await使用
rjlmylover_zyw的博客
02-14 2923
文章目录什么是PromisePromise用法resolve和rejectthencatchPromise好处 什么是Promise promise是异步编程的一种解决方案 , 是一个构造函数 , 它有resolve , reject , race 等静态方法 , 它的原型上有then , catch 方法 promise有三种状态 , pending（进行中）、fulfilled（已成功）和rejected（已失败） 也只有两种结果 , 从pending到fulfilled , 或者从pending到r
异步解决方案----Promise与Await
weixin_33809981的博客
06-14 262
前言 异步编程模式在前端开发过程中，显得越来越重要。从最开始的XHR到封装后的Ajax都在试图解决异步编程过程中的问题。随着ES6新标准的到来，处理异步数据流又有了新的方案。我们都知道，在传统的ajax请求中，当异步请求之间的数据存在依赖关系的时候，就可能产生很难看的多层回调，俗称'回调地狱'（callback hell），这却让人望而生畏，Promise的出现让我们告别回调函数，写出更优雅的异步...
js基础之Promises和async/await
qq_39545346的博客
12-22 409
MDN地址： Promises:优雅的异步处理 - 学习 Web 开发 | MDN async和await:让异步编程更简单 - 学习 Web 开发 | MDNasync和await: async和await:让异步编程更简单 - 学习 Web 开发 | MDN Promises 顾名思义，Promise表示一个承诺。承诺未来某个时间会执行某个操作。 Promise主要是为了解决js编程中回调地狱的问题。先看一个旧式的例子： chooseToppings(function(top...
js 中 async/await 的用法
热门推荐
weixin_38673922的博客
06-10 1万+
async 和await
async/await和Promise的关系
yolo
11-06 2147
async/await和Promise的关系 async/await 是消灭异步回调的终极武器 但是和Promise互不相斥 两者相辅相成 相辅相成： 执行async函数，返回的是Promise对象 await相当于Promise的then try…catch 可捕获异常，代替了Promise的catch 执行async函数，返回的是Promise对象 async function fn1(){ return 100 //相当于return Promise.resolve(100)
js中的async/await
weixin_50488897的博客
10-09 372
js中的async await
JS学习笔记——异步回调中Async Await和Promise区别
MRlaochen的博客
07-16 2470
1、前提 js的同步和异步问题通常是指ajax的回调。 如果是同步调用，程序在发出ajax调用后就会暂停，直到远程服务器产生回应后才会继续运行；而如果是异步调用，程序发出ajax调用后不会暂停，而是立即执行后面的代码，服务器返回信息后会自动触发回调函数进行处理。 相比较而言，异步调用的性能最佳，程序不会出现卡顿的现象，而同步调用则通常用于需要立即获得结果并实时处理的情况。 2、正文 promise是ES6，async/await是ES7 async await 它是基于promise的，为什么es6新增了这
js中promise与async和await
最新发布
06-28
### 回答1： Promise是JavaScript中一种用于异步编程的工具。它可以解决回调地狱问题，让异步代码看起来更像同步代码。Promise对象有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败）。 async 和 await 是 JavaScript 中的关键字，它们主要用于处理异步代码。async 用于声明一个函数是异步的，await 用于等待一个异步操作的结果。使用 async 和 await 可以让异步代码看起来更像同步代码，并且可以使用 try-catch 来处理错误。 ### 回答2： JavaScript中有三种异步操作方式：callback、Promise和async/await。 1. Callback 回调函数 回调函数是最早的异步操作方法，他通常采用匿名函数的形式，在函数执行完成后将结果作为参数传入回调函数中，然后再继续执行后续操作。缺点明显，若回调函数嵌套层次过多，将造成代码阅读困难，也不容易维护。 2. Promise Promise在ES6中被引入，他提供了在异步操作完成后返回结果的能力，而且代码结构清晰，可读性好。Promise 有三种状态: * Pending(未完成) * Fulfilled(已完成) * Rejected(已失败) 如果目标任务完成，则为Fulfilled，如果任务出现错误，则为Rejected。Promise有两个关键字来控制异步操作：resolve和reject。当异步操作执行成功，就会调用resolve方法并传入需要返回的内容；当异步操作失败，就会调用reject方法并返回错误信息。一般结合then方法来使用。 3. async/await async/await 是ES7中新添加的异步方式，在ES8中被正式列入标准语言之中。async/await 基于Promise，它是一种更加优雅的语法结构，可以让异步代码看起来和同步代码风格类似。async/await 是一个相对简洁明了的解决方案，使异步操作符合同步操作的语法风格。 在 async 函数内部，可以使用await命令，就像在同步操作中等待返回结果一样。 在使用 async/await 时，必须使用try-catch包裹代码块，以捕获异常和错误信息。 async/await 并不是一种新型异步解决方案，而是一种更加方便，更加优雅的异步编程方式，使得开发人员能够更好地控制异步操作和错误处理。 总之，随着 JavaScript 的不断发展，异步编程已经成为一种必备的编程技巧。在实际编程中，理解 Promise、async/await 和 callback 的具体用法，以及它们的优缺点是非常重要的。根据不同的场景和需求，选择最适合的异步操作方式，能够让你的代码更为优雅、简洁和可读。 ### 回答3： JavaScript 是一门异步编程语言，而 Promise 和 async/await 是 JavaScript 语言中的两种异步编程技术，用于解决异步编程的问题。 Promise 是一种解决 JavaScript 异步编程的技术，它是 ES6 中新增的一个对象。Promise 代表着一个异步操作的最终结果，可以是成功或失败。使用 Promise 的好处是，可以更加优雅地处理异步编程，避免了传统回调函数的回调地狱问题，使代码更容易维护和扩展。 Promise 构造函数可以接受一个函数作为参数，该函数带有 resolve 和 reject 函数作为参数。当 Promise 进入 resolved 状态时，调用 resolve 函数并返回结果；当 Promise 进入 rejected 状态时，调用 reject 函数并返回一个 error 对象，表示异步操作发生了错误。通常，使用 then 方法来处理 Promise 的结果，catch 方法来处理 Promise 的错误结果。 async/await 是 ES8 中新增的异步编程技术，它也是使用 Promise 的基础之上开发的技术。async/await 的优势在于，可以以同步代码的方式编写异步代码，使代码更加易读易写。 在使用 async/await 时，async 关键字用来修饰函数，表示该函数是一个异步函数，await 关键字用来等待 Promise 返回的结果。当在异步函数中使用 await 关键字时，代码会暂停执行，等待 Promise 返回结果，然后继续执行异步函数中的其他代码。如果 Promise 返回结果成功，使用 return 关键字返回结果；如果 Promise 失败，则使用 throw 关键字抛出异常。 总的来说，Promise 和 async/await 都是解决 JavaScript 异步编程的好技术，Promise 更加实用，可以避免回调地狱问题，而 async/await 则可以让异步代码更加易读易写。在开发中，可以根据实际需求选择适合的技术来处理异步操作。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值