socketTask.onOpen(res => {})、socketTask.onMessage(res => {})、socketTask.onClose(res => {}) 有什么区别 都怎么用
时间: 2024-04-12 13:27:45 浏览: 22
这三个方法是用于监听 WebSocket 的不同事件:
1. `socketTask.onOpen(res => {})`:用于监听 WebSocket 的连接建立事件(即连接成功事件)。当 WebSocket 连接建立成功时,会触发该事件,并执行回调函数。回调函数中的 `res` 参数可以包含一些连接建立相关的信息。
2. `socketTask.onMessage(res => {})`:用于监听 WebSocket 收到消息事件。当 WebSocket 接收到消息时,会触发该事件,并执行回调函数。回调函数中的 `res` 参数包含接收到的消息内容。
3. `socketTask.onClose(res => {})`:用于监听 WebSocket 关闭事件。当 WebSocket 连接关闭时,会触发该事件,并执行回调函数。回调函数中的 `res` 参数可以包含一些关闭相关的信息。
这些方法的使用方式相似。你可以通过以下示例代码来理解如何使用这些方法:
```javascript
// 监听连接建立事件
socketTask.onOpen(res => {
console.log('WebSocket 连接建立成功');
console.log(res);
});
// 监听收到消息事件
socketTask.onMessage(res => {
console.log('收到消息');
console.log(res.data);
});
// 监听连接关闭事件
socketTask.onClose(res => {
console.log('WebSocket 连接关闭');
console.log(res);
});
```
在上述示例中,我们分别使用了 `onOpen`、`onMessage`、`onClose` 方法来监听不同的 WebSocket 事件,并传入相应的回调函数。当对应的事件发生时,回调函数会被执行。你可以根据实际需求在回调函数中执行相应的逻辑。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)