如何从异步调用中返回响应

devtools/2024/10/15 5:46:51/

想象一下,你打电话给朋友并让他帮你查一些资料。虽然这可能需要一段时间,但你会在电话里等待,直到朋友给你需要的答案。这就是同步调用的行为:

function findItem() {var item;while (item_not_found) {// 查找}return item;
}var item = findItem();
// 使用 item
doSomethingElse();

即使 findItem 需要很长时间执行,任何跟在 var item = findItem(); 后面的代码都必须等待函数返回结果。

异步

你再一次打电话给朋友,但这次你告诉他你很忙,他可以在查到资料后回电话给你。你挂断电话,继续其他计划好的事情。一旦朋友回电话,你再处理他给你的信息。这就是异步调用的表现:

findItem(function(item) {// 使用 item
});
doSomethingElse();

在这里,执行会立即继续,Ajax 调用后的语句会被执行。为了最终获得响应,你需要提供一个接收响应后被调用的函数,即回调。

解决方案

拥抱 JavaScript 的异步特性! 虽然某些异步操作提供同步版本(比如“Ajax”),但通常不推荐使用,尤其是在浏览器环境中。

使用异步函数 async/await(ES2017+)

ECMAScript 2017 引入了对异步函数的语法级支持。通过 asyncawait,你可以用“同步风格”编写异步代码。代码依然是异步的,但更易于理解。

async/await 基于 Promise:一个 async 函数总是返回一个 Promise。await 操作会等待 Promise 解析并返回其值,或者在 Promise 被拒绝时抛出错误。

示例:

var superagent = require('superagent');function delay() {return new Promise(

http://www.ppmy.cn/devtools/44912.html

相关文章

JavaScript base64 与 File 之间的互转

JavaScript base64 与 File 之间的互转 一、base64 > File 在 JavaScript 中,可以使用 Blob 对象将 base64 字符串转换为 File 对象。 方法一、base64 直接转换为 File 对象: 首先, 需要从 base64 字符串中获取文件类型, 然后将文件类型和 base64…

react antd table表格如何获取当前行id

组件库上都有详细的介绍,有自带的一些属性!

Redis 主从复制

前言 在分布式系统中为了解决单点问题,通常会把数据复制多个副本部署到其他服务器,满⾜故障恢复和负载均衡等需求。Redis 也是如此,它为我们提供了复制的功能,实现了相同数据的多个 Redis 副本。复制功能是⾼可⽤ Redis 的基础&am…

家政预约小程序10公众号集成

目录 1 使用测试号3 工作流配置4 配置关注事件脚本5 注册开放平台6 获取公众号access_token6 实现关注业务逻辑总结 我们本次实战项目构建的相当于一个预约平台,既有家政企业,也有家政服务人员还有用户。不同的人员需要收到不同的消息,比如用…

Kubernetes 之 ReplicaSet

Kubernetes 之 ReplicaSet ReplicaSet 定义 ReplicaSet 是 Kubernetes 中的一种副本控制器,其主要作用是控制其管理的 Pod 的预设副本数量。它会持续监听这些 Pod 的运行状态,在Pod发生故障时执行重启策略,当 Pod 数量减少时会重新启动新的…

牛客NC236 最大差值【simple 动态规划 Java/Go/PHP】

题目 题目链接: https://www.nowcoder.com/practice/a01abbdc52ba4d5f8777fb5dae91b204 思路 不难看出该题可以使用动态规划的方式解题。 在循环数组的过程中,记录截止到当前位置-1的最小值, 然后用当前的值去计算最大的差值。Java代码 im…

16:00面试,16:08就出来了,问的问题有点变态。。。

从小厂出来,没想到在另一家公司又寄了。 到这家公司开始上班,加班是每天必不可少的,看在钱给的比较多的份上,就不太计较了。没想到8月一纸通知,所有人不准加班,加班费不仅没有了,薪资还要降40%…

【Unity2D 2022:Particle System】添加粒子特效

一、创建粒子系统游戏物体 1. 创建粒子系统游戏物体Smog Effect 2. 给粒子特效添加精灵贴图 (1)启用Texture Sheet Animation(纹理表动画) (2)点击加号添加一个纹理,并将两张厌恶图片导入到纹理…