JSWebSocket是一个基于JavaScript的WebSocket库，它允许在Web浏览器和服务器之间建立双向通信。使用JSWebSocket，您可以轻松地发送和接收数据，而无需考虑底层通信细节。下面是一个简单的JSWebSocket例子，它演示了如何在客户端和服务器之间发送和接收消息。

首先，在您的HTML文件中引入JSWebSocket库：

```html

JSWebSocket Example

Send

```

在上面的例子中，我们首先创建了一个JSWebSocket对象，并通过构造函数传递服务器的URL。然后，我们定义了几个回调函数来处理各种事件。

在onopen回调函数中，我们将连接状态设置为“Connected”，以便在页面上显示连接已建立。

在onclose回调函数中，我们将连接状态设置为“Disconnected”，以便在页面上显示连接已关闭。

在onmessage回调函数中，我们接收到来自服务器的消息，并将其追加到页面的output元素中。

最后，我们定义了一个sendMessage函数，它读取文本输入框中的消息，并通过JSWebSocket对象的send方法将其发送给服务器。

要运行上面的代码，您需要在您的服务器上设置一个WebSocket端点，以便与客户端通信。以下是一个使用Node.js和Express框架的服务器示例：

```javascript const express = require("express"); const WebSocket = require("ws");

const app = express();

// 创建WebSocket服务器端点 const wss = new WebSocket.Server({ noServer: true }); wss.on("connection", function(ws) { ws.on("message", function(message) { // 处理接收到的消息 console.log("Received message: " + message);

// 发送消息给客户端 ws.send("Received: " + message); }); });

// 处理WebSocket协议升级 app.on('upgrade', function(req, socket, head) { wss.handleUpgrade(req, socket, head, function(ws) { wss.emit('connection', ws, req); }); });

// 启动服务器 app.listen(8080, function() { console.log("Server started on http://localhost:8080"); }); ```

在上面的服务器代码中，我们首先使用Express创建一个HTTP服务器。然后，我们通过WebSocket.Server类创建一个WebSocket服务器端点。在端点的连接回调函数中，我们监听来自客户端的消息，并在控制台上打印出来。然后，我们通过WebSocket对象的send方法将一个回复消息发送给客户端。最后，我们使用Express的`upgrade`事件来处理WebSocket协议的升级。

通过运行上面的服务器代码，您可以在本地8080端口上启动一个WebSocket服务器。然后，您可以将上面的HTML文件作为客户端，在浏览器中运行它。当您在文本输入框中输入一条消息并点击“Send”按钮时，该消息将通过WebSocket发送到服务器，并在页面上显示出来。服务器会打印接收到的消息，并将一个回复消息发送回客户端。

这只是一个简单的JSWebSocket例子，但它演示了如何使用JSWebSocket进行双向通信。您可以在此基础上构建更复杂的应用程序，实现实时聊天、实时协作和其他实时通信功能。希望这个例子能够帮助您理解JSWebSocket库的用法和原理。