当前位置：首页 > news >正文

【JavaScript】使用Promise来处理异步调用，方法传入参数为接口，并回调接口的方法

news 2025/8/4 12:59:16

例如我们在下面这个方法传入一个接口，并将方法的执行过程用传入的接口进行回调

connect() {wx.connectSocket({url: this.url,success: () => {console.log('WebSocket 连接创建成功');},fail: (err) => {console.error('WebSocket 连接创建失败', err);}});wx.onSocketOpen(() => {console.log('WebSocket 连接已打开');this.subscribe();});wx.onSocketMessage((res) => {console.log('收到服务器的消息', res.data);this.handleMessage(res.data);});wx.onSocketError((err) => {console.error('WebSocket 连接发生错误', err);});wx.onSocketClose(() => {console.log('WebSocket 连接已关闭');});}

要在connect方法中传入一个接口返回的方法，并在其中调用全部接口，您可以使用Promise来处理异步调用，并确保在接口返回后再执行后续的操作。

以下是一个示例：

connect() {wx.connectSocket({url: this.url,success: () => {console.log('WebSocket 连接创建成功');this.callAllAPIs();},fail: (err) => {console.error('WebSocket 连接创建失败', err);}});wx.onSocketOpen(() => {console.log('WebSocket 连接已打开');});wx.onSocketMessage((res) => {console.log('收到服务器的消息', res.data);this.handleMessage(res.data);});wx.onSocketError((err) => {console.error('WebSocket 连接发生错误', err);});wx.onSocketClose(() => {console.log('WebSocket 连接已关闭');});
},callAllAPIs() {// 调用接口返回的方法api.getSomeData().then((data) => {console.log('接口1返回的数据：', data);// 执行接口2return api.getOtherData();}).then((data) => {console.log('接口2返回的数据：', data);// 执行接口3return api.getAdditionalData();}).then((data) => {console.log('接口3返回的数据：', data);// 执行其他操作this.subscribe();}).catch((err) => {console.error('调用接口发生错误', err);});
}