async await关键字后面的处理

最新推荐文章于 2024-03-06 17:19:46 发布
最新推荐文章于 2024-03-06 17:19:46 发布
阅读量1.5k 收藏 3
点赞数 1
分类专栏： es6 node 文章标签： es7-await async-异 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_32622431/article/details/51811498
版权
在ES7的async函数中，await关键字用于等待Promise的解析。它将非Promise函数转换为Promise，并调用.then()处理结果。当await后面直接跟一个普通回调函数时，不会得到预期结果。要正确使用await，需要将原始函数包装为Promise。文章通过一个读取文件的例子解释了await的工作原理，并提供了简单的Promise封装方法。
摘要由CSDN通过智能技术生成

es7 await 回调函数

在es7 async函数之中，关键词await后的使用普通回调得不到想要的结果。比如：

let content=await fs.readFile(filename);//content=undifined

事实上await后面的函数执行过程是这样的（对比co和yield的连用或者koa@v1.0源码）：
1.非promise函数转化成promise，也就是promise.resolve(fn),上面的例子就会是promise.resolve(fs.readFile(filename));显然得不到想要的结果；
2.调用promise.then(function(data){}),这个对比co和yileld连用就是在gen.next(data)这个函数里面调用的，下面是在koa@v1.0的情况：

//fn转化为promise
function thunkToPromise(fn) {
   
  var ctx = this;
  return new Promise(function (resolve, reject) {
   
    fn.call(ctx, function (err, res) {
   
      if (err) return reject(err);
      if (
最低0.47元/天 解锁文章
散入东风
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
.NET中的async和await关键字使用及Task异步调用实例
09-04
.NET中的异步编程模型在.NET 4.5版本中得到了重大改进，引入了`async`和`await`关键字，以及`Task`类的广泛应用。这些特性显著简化了编写异步代码的过程，使得开发者能够更优雅地处理并发和非阻塞操作。 ### 1. `...
使用Promise、await解决异步请求结果处理、请求跨域问题
Gary的博客
02-14 1348
请求跨域，异步请求结果处理，使用了Promise对象的方法返回值
C++20中的协程（Coroutine）功能解析：co_await
fangfanglovezhou的博客
06-25 2474
C++20 协程的co_await实现
C++20 协程（2）：理解co_await运算符
ocfbnj的博客
01-28 3246
理解co_await的工作方式可以让我们更明白协程的行为，以及协程如何被暂停和恢复。在这篇文章中，我将解释co_await运算符的机制并引入Awaitable和Awaiter。
C++20 coroutine 探索I：co_await 原理 | 使用 C++ 协程写 python generator
锐龙处理器
11-20 4107
时隔三个月，才回到当时说的学协程的坑，中间学了各种各样的东西，起码对现代C++ 有些许了解了。尾递归优化 快速排序优化 CPS 变换 call/cc setjmp/longjmp coroutine 协程 栈编程和控制流 讲解_我说我谁呢 --CSDN博客 看这个文章之前可以先复习一下函数式编程里面的 call/cc 的概念，因为 C++20 的 stackless coroutine 就是用类似 call/cc 的手法实现的。 主要参考资料参照Coroutines (C++20) - cppref..
探索 C++ 20 （co_await、co_yield 和 co_return）协程基本框架的使用
探索C++编程的奥秘，分享深入的技术见解和实践，旨在激发读者创造力与解决问题的思维。
06-15 1926
探索 C++ 20 （co_await、co_yield 和 co_return）协程基本框架的使用
vue中用 async/await 来处理异步操作
10-15
传统的异步处理方式包括回调函数、Promise等，但随着ES6的引入，`async/await`语法为处理异步操作提供了更优雅的解决方案。`async/await`是基于Promise构建的，它使得异步代码看起来更像同步代码，提高了代码的...
JS基于ES6新特性async await进行异步处理操作示例
10-17
ES6的`async/await`是JavaScript中处理异步操作的一种新方法，它极大地改进了Promise链式调用的方式，让异步代码看起来更接近同步代码的结构，从而提高了代码的可读性和可维护性。在本文中，我们将深入探讨`async/...
详解用async/await来处理异步
01-21
先说一下async的用法，它作为一个关键字放到函数前面，用于表示函数是一个异步函数，因为async就是异步的意思， 异步函数也就意味着该函数的执行不会阻塞后面代码的执行。 写一个async 函数 async function timeout...
C# async await使用方法
06-28
在C#编程中，`async`和`await`是异步编程的关键关键字，它们使得开发者能够编写出非阻塞式的代码，从而提高了应用程序的性能和响应性。`async`和`await`通常与任务并行库（TPL）一起使用，为处理耗时的操作如I/O操作...
await 后面跟的对象
qq_41818857的博客
03-19 1792
await 后面可以跟任何js表达式都不会报错，但是，只有当后面跟的是promise对象时，才会解决异步问题，实现同步。 例： 1、后面跟普通js表达式 function waitme() { setTimeout(()=>{ console.log(111111); },3000) } async function go() { await waitme();
关于async/await、promise和setTimeout执行顺序
热门推荐
yun_hou的博客
03-22 3万+
前段时间领导给我们出了一道题，关于async/await、promise和setTimeout的执行顺序，网上查了查资料，这是头条的一道笔试题，记录一下，加深理解。 题目如下： async function async1() { console.log('async1 start'); await async2(); console.log('asnyc1 end'); } async...
co_await详解（上）
weixin_45591821的博客
03-06 1125
co_await
[译]C++ 协程：理解 co_await 运算符
weixin_34226182的博客
11-16 8278
原文地址：C++ Coroutines: Understanding operator co_await 原文作者：lewissbaker 译文出自：掘金翻译计划 本文永久链接：github.com/xitu/gold-m… 译者：7Ethan 校对者：razertory,noahziheng C++ 协程：理解 co_await 运算符 在之前关于 协程理论的博客 中，我介绍了一些函数和...
fs模块基于async/await异步读写文件
qq_38355456的博客
12-19 1万+
1、读取文件:  fs.readFile(filename,callback); const fs=require('fs'); const path=require('path'); const dir=path.resolve('../mkdir/index.html'); console.log(dir); function read(dir){ return new Promi
async await详解 & Promise
pscool的博客
07-23 631
async await详解
node.js中fs.readFile和fs.readFileSync的使用
weixin_44713462的博客
09-18 8154
博客由来： var admins; var admins2; await fs.readFile(path.resolve(__dirname,'../../admins.json'),function(err,data){ admins=data.toString(); console.log(admins); console.log(...
await
weixin_55697644的博客
06-01 484
方法的回调函数被调用，它的参数就是抛出的错误对象。具体的执行机制，可以参考后文的“async 函数的实现原理”。命令后面是一个 Promise 对象，返回该对象的结果。函数，导致该函数的第一个参数是前一步操作返回的 Promise 对象，所以必须使用。有时，我们希望即使前一个异步操作失败，也不要中断后面的异步操作。函数的执行结果，也是一个 Promise 对象，导致在它前面也必须加上。操作将是并发执行，也就是同时执行，而不是继发执行。命令后面的异步操作，如果不存在继发关系，最好让它们同时触发。
js：await对后续代码的影响
m0_64401231的博客
03-22 1381
await对后续代码的影响
uniTask的async和await关键字
最新发布
06-20
uniTask是UniApp提供的一个用于处理异步操作的框架，它在JavaScript中引入了async和await这两个关键字，以便于编写更加简洁和易于理解的异步代码。下面是它们的基本介绍： 1. async：这是一个声明函数为异步的修饰符。当你在一个函数前加上async，这个函数就会返回一个Promise对象，表示该操作是异步的，并且函数内部的语句（使用await的关键字）会自动暂停，等待Promise解析或 reject。 2. await：这个关键字用于等待一个Promise的结果。当你在一个async函数中使用await，它会暂停执行当前的代码块，直到Promise状态变为fulfilled（成功），然后将Promise的结果赋值给await后面的变量。如果Promise被reject，await后面的代码块将不会执行，而是抛出错误。 使用示例： ```javascript async function fetchData() { try { const response = await fetch('https://api.example.com/data'); if (!response.ok) { throw new Error('Failed to fetch data'); } const data = await response.json(); return data; } catch (error) { console.error(error); } } fetchData().then(data => { // 处理获取到的数据 }).catch(error => { // 处理错误 }); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值