有没有更好的方法将回调函数封装到async/promise中？
是的，将回调函数封装到async/promise中是一种更好的方法，可以提高代码的可读性和可维护性。以下是一种常见的封装方式：
- 使用Promise封装回调函数：
function asyncFunction() {
return new Promise((resolve, reject) => {
// 异步操作
// 如果成功，调用resolve(value)
// 如果失败，调用reject(error)
});
}
asyncFunction()
.then(result => {
// 处理成功的结果
})
.catch(error => {
// 处理错误
});- 使用async/await封装回调函数：
async function asyncFunction() {
try {
// 异步操作
// 如果成功，返回结果
// 如果失败，抛出错误
} catch (error) {
// 处理错误
}
}
(async () => {
try {
const result = await asyncFunction();
// 处理成功的结果
} catch (error) {
// 处理错误
}
})();这种封装方式可以使代码更加清晰和易于理解。在使用async/await时，可以使用try-catch语句来捕获错误并进行处理。在使用Promise时，可以使用.then()方法处理成功的结果，使用.catch()方法处理错误。
这种封装方式适用于任何需要使用回调函数的场景，例如异步请求、文件读写、数据库操作等。腾讯云提供了一系列与云计算相关的产品，例如云函数（Serverless）、云数据库（TencentDB）、云存储（COS）、人工智能服务（AI Lab）等，可以根据具体需求选择相应的产品进行开发和部署。
更多关于腾讯云产品的信息，请参考腾讯云官方网站：https://cloud.tencent.com/
相关·内容
这是初始化我正在使用的gRPC服务器的代码： export const initServer = async (finalPort: number): Promise<string> => {
let initStatus = 'initial';
gRPCserver.addService(webcomponentHandler.service, webcomponentHandler.handler);
// define the host/port for server
await gRPCserver.bindAsync(
浏览 27提问于2021-08-02得票数 0
回答已采纳
2回答
下面的代码片段是用Promise.then实现的
function b() {
return Promise.resolve()
}
function c() {
throw new Error('error here')
}
const a = () => {
b().then(() => c());
};
a()
来自错误的堆栈跟踪输出仅包括函数c
VM57:6 Uncaught (in promise) Error: 343
at c (<anonymous>:6:9)
at <anonymous&
浏览 7提问于2022-07-04得票数 1
假设我有这样一个Promise：
var promise = new Promise(function(resolve, reject) {
// Do some async thing
});
promise.then(function(response) {
// Then do some other stuff
});
如果async Promise在我调用.then()之前完成了，会发生什么？通常，在Promise函数中只会有长时间运行的任务，但是如果它很快地完成一次又会怎样呢？
浏览 3提问于2015-08-17得票数 28
回答已采纳
我是个写node.js的新手，遇到了一些乱七八糟的代码问题。我不知道它是不是很混乱，也许我只是不习惯节点代码。
无论如何，代码可以工作，但我对我的错误处理有点不确定，比如当一些承诺失败时会发生什么。我尝试在catch步骤中执行回滚/释放，但我不确定这是否可以。
还有。有没有可能把这个代码写得更整洁？
function insertAnAddress(){
var address = {
country : "A country",
city : "A city",
street : "Random",
浏览 1提问于2018-04-04得票数 1
2回答
我一直在搞砸取消承诺的想法，这是一种使用高阶函数的透明方式。我想出了这个：
export const fnGetter = state => fn => (...args) => {
if (!state.canceled) return fn(...args)
return Promise.resolve()
}
export const cancelable = (promise, state = {}) => {
const getFn = fnGetter(state)
return {
then: fn => cancelab
浏览 11提问于2020-05-03得票数 1
回答已采纳
3回答
async function getInfoByName(name) {
return await search.getInfo(name);
}
console.log(getInfoByName('title'));
它返回Promise { <Pending> }，如何返回所需的值？
浏览 4提问于2017-10-11得票数 0
回答已采纳
2回答
我正试图在芒果之上建立一个服务层。我有一个User对象，它有一个引用的Achievements数组。
在通过JWT或其他方法对用户进行身份验证之后，我输入服务层并查询关系，如下所示。
findForUser(userId: string | Types.ObjectId): Promise<Achievement[]> {
return new Promise((resolve) => {
UserSchema.findOne({ _id: userId },
async (err: any, user: User) => {
c
浏览 4提问于2021-01-30得票数 0
回答已采纳
我正在从Mongoose的Model.save()构建一系列承诺，但出于某种原因，从Promise.all()返回的数据是一个未定义的数组
码
const saveDataArray = [];
//go through results and save them to the db
Object.keys(passData.scrapeUniqueData).map((index) => {
const result = gamesExport.addGame(passData.scrapeUniqueData[index], passData.leagueInfo.leagu
浏览 3提问于2016-11-27得票数 0
回答已采纳
1回答
我有以下函数，用于周期性地轮询某些函数并进行超时
export function promiseTimeout(ms: number): Promise<NodeJS.Timer> {
return new Promise<NodeJS.Timer>((resolve) => {
return setTimeout(resolve, ms);
});
}
export function poll(predicate: () => boolean, delayMS: number, timeoutMS: number): Promise<
浏览 0提问于2018-05-29得票数 0
2回答
我在Javascript中有一个长时间运行的任务。React应该在任务之间的几个点上重新呈现组件。但它仅在整个任务结束时重新渲染。如何让React重新渲染所有setState()调用的页面？
一个简化的例子：
setStatePromise = (state) => new Promise(resolve => {
this.setState(state, () => resolve());
});
longRunningTask = async () => {
await this.setStatePromise({progress: 1}); //
浏览 1提问于2019-08-30得票数 3
2回答
我希望这个重用异步函数可以使用很多地方！
const requestGetData = (callback?: Function): void => {
(async (): Promise<void> => {
try {
if (callback) {
await callback();
}
const data = await getDataApi();
setData(data);
} catch (error) {
浏览 2提问于2020-11-08得票数 0
回答已采纳
async getUserDetails(accessToken, callback) {
var cognitoidentityserviceprovider = new AWS.CognitoIdentityServiceProvider();
var params = {
AccessToken: accessToken
};
return cognitoidentityserviceprovider.getUser(params, function(err, data) {
if (err) {
return err;
浏览 12提问于2019-01-30得票数 0
我尝试从异步存储函数中获取数据 _retrieveData = async () => {
var test = await AsyncStorage.getItem('myitem')
return test
}
_generateRandomCards() {
console.log(this._retrieveData())
} 但这一回报： Promise {
"_U": 0,
"_V": 0,
"_W": null,
"_X"
浏览 36提问于2021-05-11得票数 0
在使用firehose和dynamoDB函数时，我无法理解如何在node.js中可靠地使用异步。例如： async function dynamoDBToCSV(record) {
...
try {
const res = await firehose.putRecordBatch(params).promise();
console.log('res = ', res);
} catch (err) {
console.log('err = ', err);
}
} 调用函
浏览 39提问于2020-11-05得票数 0
下面的async promise位于我正在测试的角度目标中。我看不到'then‘中被调用的代码，而我需要测试的正是'then’中的代码。
angular.module('Ls', [
])
function Locale($rootScope, $http) {
var API = {
getAvailables: getAvailables
};
API.getAvailables().then(function(data) {
..........do stuff
........it what this
浏览 0提问于2018-09-06得票数 0
1回答
是否有一种方法可以在不使用状态的情况下从一个反应组件中得到一个承诺。下面的例子显示了这个问题。只有在工作流向导返回prepareActivityStop之后，methode prepareActivityStop()才会返回true。我不能使用任何状态，也不知道怎么做。
public async prepareActivityStop(pCancelable: boolean): Promise<boolean> {
//Create React Element
let tElement = (
浏览 1提问于2020-08-04得票数 0
回答已采纳
1回答
异步代码在TS中不按预期顺序工作
、、、、
尝试使用提供程序从使用4级嵌套回调函数的firebase服务器获取数据。这是我的提供者的样子。
import { Injectable } from '@angular/core';
declare var window;
@Injectable()
export class SettingsProvider {
constructor() {
}
public async getFireBaseRemoteConfig(): Promise<any> {
if (window["FirebasePlugin"]) {
浏览 4提问于2017-08-04得票数 1
回答已采纳
1回答
我试图在nodejs中使用异步/等待将xml数据转换为json数据。我正在以sqlmapper代码获取数据，但是当我试图将其链接到控制器代码时，我没有得到响应。
sqlmapper代码：
const GetList = async function (Data) {
try {
let result = await db.pool.request()
.input('id', db.sql.Int, Data.id)
.input('user'
浏览 0提问于2021-05-26得票数 1
回答已采纳
我使用的是身份验证库，其文档使用回调--但我使用的是带有异步/等待的TypeScript类，因此我不确定语法。
库需要一个verify回调，它查询数据库--这是一个异步操作。我将它定义为一个单独的异步函数(因此更容易测试)：
public verify = async (username: string, password: string, done: (error: any, user?: any) => void): Promise<void> => {
// read from database asynchronously...
try {
co
浏览 1提问于2019-02-08得票数 2
回答已采纳
我有一个类，它做如下的事情： class Loader
{
async load()
{
let pending = [...];
return new Promise( (resolve, reject) =>
{
while(pending.length > 0)
{
await this._loadAsset(pending.pop());
}
resolve();
浏览 22提问于2020-04-22得票数 0
回答已采纳
1回答
假设我有一个函数，它在1秒后返回输入的结果：
function slowDouble(num) {
setTimeout(() => {
return num * 2;
}, 1000);
}
现在我想调用这个函数并等待返回结果，这样我就可以对它进行其他操作了。我试图将此函数包装在Promise中，但在执行log语句(打印undefined)后，结果被返回给then块：
function promisify(num) {
return new Promise((resolve) => {
var res = slowDoubl
浏览 77提问于2018-10-04得票数 0
回答已采纳
2回答
嗨，伙计们，我是node.js的新手。我有功能，在控制台中引导与用户的对话。在newSwagger函数中，我调用了bumpDiff函数，它显示了两个文件之间的变化。
async function bumpDiff = () => {
exec('bump diff swagger.json newSwagger.json', (err, output) => {
// once the command has completed, the callback function is called
if (err) {
// log and re
浏览 4提问于2022-11-03得票数 0
回答已采纳
我试着理解.then()函数如何得到这样的两个参数。
const promise = doSomething();
const promise2 = promise.then(successCallback, failureCallback);
或
const promise2 = doSomething().then(successCallback, failureCallback);
但是我想像这样将两个参数.then()转换为async/await。
const result = await doSomething()
// execute successCallback if succ
浏览 6提问于2022-04-09得票数 0
回答已采纳
1回答
我有以下的JS代码
async function readAtlasAll() {
return await MongoClient.connect(url, async function(err, db) {
var dbo = db.db("Users");
c = dbo.collection("List");
r = await c.find({}).toArray();
console.log(r);
return r;
});
}
console.log(readAtlasAll());
我不知道为什
浏览 2提问于2022-04-15得票数 0
回答已采纳
1回答
在组件中，我有一个调用服务的简单方法：
sendRequest() {
this.myService
.doStuff()
.then((res) => { ... }
}
此doStuff()方法是http.post转换的toPromise()。
doStuff(): Promise<any> {
return this.http.post(somewhere).toPromise();
}
在这个组件中，我有另一个子组件，它接收作为@ that ()的函数(它是一个简单的按钮)
<my-child [callb
浏览 1提问于2018-03-01得票数 0
回答已采纳
我真的不明白protectAsyncN方法的目的。
有没有人能给我解释一下它是怎么工作的？例如，想象一下下面的测试用例：
import "package:unittest/unittest.dart";
import "dart:async";
void main() {
test("Protect async", () {
// given
var controller = new StreamController();
// when
controller.add("This is correc
浏览 1提问于2013-11-14得票数 2
1回答
我在理解如何在解析后访问promise值时遇到了问题。我读过很多关于这个主题的文章，大多数都说在函数调用之后使用.then()应该返回解析后的promise的结果，但是我似乎除了Promise本身和我的值数组之外什么也得不到。
async componentDidMount() {
...
await database.getAllFiles("BurglarSystemFiles").then((res) => {
this.setState({files: res})
});
console.log(this.stat
浏览 4提问于2020-05-27得票数 0
1回答
源代码(dynamodb.js)： const AWS = require("aws-sdk");
const Promise = require("bluebird");
const client = new AWS.DynamoDB.DocumentClient();
module.exports.db = (method, params) => {
console.log("access dynamodb ");
return Promise.fromCallback(cb => client[method](par
浏览 15提问于2019-01-25得票数 2
这就是正在运行的函数。
const delayedColorChange = (color, delay) => {
return new Promise((resolve, reject) => {
setTimeout(() => {
document.body.style.backgroundColor = color;
resolve();
}, delay);
});
};
const rainbow = async() => {
await delayedColorChange('red
浏览 0提问于2021-01-29得票数 0
注意事项：我的代码恰好在TypeScript中，但是这个问题适用于TypeScript和JavaScript，并做了一些语法更改。
我有一个类订阅了一些东西(比如Autobahn消息)。当我完成对象时，我需要取消订阅所有内容。一般来说，我的代码如下所示：
class Example {
private sub1: Subscription;
private sub2: Subscription;
private sub3: Subscription;
constructor() {
subscribeToThings();
}
浏览 6提问于2017-06-01得票数 1
回答已采纳
4回答
在节点中使用外部sdk时，我注意到我正在编写大量重复的代码。例如：
async function one(): Promise<any> {
return new Promise((resolve, reject) => {
sdk.one(function(err, req, res) {
if (err) {
return reject(err);
}
resolve(res);
});
});
}
async function two(): Promise<any> {
re
浏览 0提问于2018-06-08得票数 2
回答已采纳
下面是从按钮上的.click(function { loadBox(url); });中调用的函数：
var loadBox = function(url) {
var mask = $('#mask');
var box = $('#box');
$(mask).fadeTo(600, 0.8).promise().done(function() {
var winH = $(window).height();
var winW = $(window).width();
var boxH
浏览 0提问于2013-08-04得票数 0
回答已采纳
3回答
用异步/等待重写承诺，以寻求澄清
、、、、
我有两个功能，在我的前端处理Facebook登录/注销，它们都是用承诺编写的。我想用async/await重写这些代码。
原代码承诺：
export function login() {
return new Promise<facebookSdk.IAuthResponse>((resolve, reject) => {
FB.login((response) => {
if (response.authResponse) {
resolve(response)
} else {
reject(err
浏览 6提问于2017-05-29得票数 3
回答已采纳
2回答
我没有见过这些构造的使用很多，但我发现自己编写它们是为了在通常不会返回promise的函数中使用async / await
chan.consume(queue, (msg) => {
this.pendingMsgs++; // executed immediately
(async () => {
await this.handleMessage(msg);
this.pendingMsgs--;
if (cancelled && this.pendingMsgs === 0) {
await chan.close(
浏览 1提问于2016-11-22得票数 41
回答已采纳
2回答
在next-auth中成功登录或注册凭据类型时，是否有任何示例和/或方法可以重定向到私有仪表板？我找不到任何关于这方面的明确文件。
我正在考虑在下面添加重定向，但不确定这是否是正确的方法：
callbacks.signIn = async (data, account, profile) => {
if ((account.provider === 'google' && profile.verified_email === true) || (account.type === 'credentials' && data
浏览 3提问于2020-11-27得票数 7
1回答
我也想
下载一个图像文件，然后
将图像文件上载到Google
var async = require('async');
var fileToUpload = require('./FileToUpload.js');
var fu;
async.waterfall([
function (callback) {
/*** At first, download image file ***/
fu = new fileToUpload.FileToUpload('http://weed.coc
浏览 3提问于2014-12-22得票数 1
我有下面的代码，它应该在异步Javascript执行时等待2秒，然后调用回调。但是，由于某些原因，arguments[0]不是回调函数，尽管我找到的Selenium文档指出，使用execute_async_script会自动将回调函数注入到arguments数组中。 driver.execute_async_script(f"""
function sleep(ms) {{
return new Promise(resolve => setTimeout(resolve, ms));
}}
async function test(
浏览 41提问于2019-04-16得票数 1
回答已采纳
1回答
我知道有很多问题和我的问题相似，但我没有看到任何好的例子来帮助我，
我有一个来自本机函数桥的回调，这是我在JS上使用它的方式：
getAllParameter((data)=>{
console.log(data) // data is Javascript Object
})
我试过这样做是为了得到data的价值
getAllParameter((data)=>{
return new Promise((resolve)=> resolve(showToken(data.Token)))
})
async function showToken(token){
浏览 0提问于2019-03-15得票数 3
回答已采纳
1回答
我有一个异步函数，当内部异步函数的回调返回时，该函数必须返回。我不能等待这个内部函数，因为它不返回promise。我尝试过在传递回调时指定await，但这并不管用。因此： async getPublicKey(): Promise<string> {
const callback = async (err: any, key: any) => {
if (!err) this.publicKey = key.result;
else console.error(err);
};
this.web3js.currentPro
浏览 20提问于2021-07-14得票数 0
回答已采纳
我在我的应用程序中使用Cloud，它使用相机，并且只允许用户在照片登录到iCloud时提交照片。因此，当用户单击相机按钮时，我调用一个CloudKit方法来获取用户的icloud状态，它返回一个CKAccountStatus值(0-3)。我最初在视图控制器中实现了这一点，它工作得非常完美。然后我做了一些重构，并创建了一个CKManager类来容纳所有与CK相关的方法。所以现在，当单击摄像机而不是直接在VC中调用容器上的CK方法时，我将通过我的CKManager属性中的一个方法来调用它(这个方法是延迟实例化的)。它只应该返回值0-3，但由于某种原因，它继续返回448。但是，在CKManager日
浏览 1提问于2015-02-14得票数 0
回答已采纳
2回答
据称，
构造函数主要用于包装不支持承诺的函数。
在低级别上，已经支持promises的函数将执行此操作，即使用Promise构造promise并将其返回？
除了使用promise构造函数之外，还有更好的方法来创建Promise吗？
最终，你必须在某个地方注册一个callback，对吗？我的意思是，你不能避免有一个callback -至少resolves？换句话说，我们必须把它像这样包装在图书馆的某个地方，对吗？
浏览 3提问于2017-10-12得票数 2
2回答
不知道这个想法有多“聪明”，但我真的想体验一下Vue和Javascript，看看我是否能压缩一些代码(你可以说我做了相反的事情)。
安威..。我在vue中有一个数据对象：
eventOptions: {
eventType: {
data: [],
method: 'getEventTypeList',
service: 'ReportEventService',
浏览 1提问于2021-07-15得票数 0
回答已采纳
1回答
我有多个异步函数，我想一个接一个地执行，但是下一个函数是在上一个函数完成之前执行的。
async function x() {
for (...) {
console.log("awaiting" + i)
function fooPromise() {
return new Promise(function(resolve) {
foo();
resolve();
});
}
await fooPromise();
console.log("awaited" +
浏览 1提问于2021-02-27得票数 0
回答已采纳
2回答
我有一个表单，它监听一个名为onBeforeSubmit的事件。此事件在我提交表单时触发，但如果回调返回false，则会停止提交。
问题
我的回调涉及到对API的异步调用。在决定是否返回false之前，如何强制事件等待promise解析？目前它不需要等待fetch()解析--我已经尝试了async/await和.then()两种方法……
我尝试过的：
尝试1：
onBeforeSubmit: async (e) {
const res = await fetch(url);
// if res value fails some condition
return false
}
尝试
浏览 64提问于2020-07-29得票数 1
回答已采纳
1回答
我的目标是在react应用程序中从MongoDB地图集获取数据。即使在用axios.get()编写了.then和.catch之后，我也得到了一个未解决的承诺。
我的代码：
const entry = axios.get('http://localhost:3001/user')
.then(res=>{
console.log(res.data)
return res.data;
})
.catch
浏览 0提问于2021-04-05得票数 0
1回答
我正在尝试使用Passport进行SSO。我的问题是，当我使用任何选项登录时，一切都很好，除了data saving.我认为functions文件中的strategy没有被调用(日志也不起作用)。
例如，Google strategy
@Injectable()
export class GoogleStrategy extends PassportStrategy(Strategy, 'google') {
constructor(private userService: UserService) {
super({
clientID: GOOGLE_
浏览 1提问于2020-09-07得票数 0
回答已采纳
1回答
我试图在一个承诺中调用一个异步函数，但是.then()中的代码从未实现，.catch()也没有，也没有任何调试信息，所以我感到很困惑。
如果我对代码中其他地方的相同异步函数进行了调用，它将工作！
我的怀疑是我没有正确地实现蓝鸟的承诺，但我看不到代码中有任何反模式。下面是一些伪代码，基本上就是我的代码所做的：
// application entrypoint
public static ApplicationEntryPoint() {
this.MainFunction()
.then((result: any) => {
浏览 0提问于2018-03-17得票数 0
回答已采纳
我刚刚意识到我对javascript的理解还不够，尽管我已经写了一段时间的代码。
我不习惯的是Javascript Async。
到目前为止，我一直在使用回调和promise，因为文档和教程是这样做的，如下所示。
$.get("some/url", function() {
// callback body
})
axios.get('some/url').then(res => {
console.log(res.data);
});
arr.map(element => console.log(element))
我知道回调习
浏览 4提问于2020-10-01得票数 0
非常简单的问题，我知道当我像这样写一个异步函数时：
const res = (async () => 'hello')();
console.log(await res);
它应该会记录：'hello‘
但是，假设我想让异步函数中的结果超时，我必须创建一个新的Promise，以便可以将超时回调包装在其中，如下所示：
const res = (async () =>
new Promise(resolve =>
setTimeout(
() => resolve('hello'), 1000
浏览 0提问于2019-02-12得票数 1
我试图为JavaScript类(我的应用程序中的控制器)编写一个“混合”程序，以便在实际调用真正的方法之前，自动“等待”某个给定函数的解析。实类方法应该接收解析值作为最后一个参数。
下面是useAwait的代码，我在这里寻找静态类属性awaits，并将originalFunc包装成一个新的async属性。我正在调用传递原始参数和asyncFn调用结果的新函数：
const useAwait = (controller, asyncFn) => {
controller.constructor.awaits.forEach(func => {
const original
浏览 8提问于2022-07-12得票数 2
回答已采纳
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
腾讯云开发者
