在前端开发中，我们经常需要实时更新数据或响应用户事件，并将更改实时传递到所有客户端。这时，常常需要使用轮询或 WebSocket 等技术来实现。但是，这些方法会增加服务器负担，同时也不够灵活。
现在，有一个名为 now.js 的 npm 包，可以帮助我们更加轻松地实现实时数据更新、事件传递等功能。本文将介绍 now.js 的使用教程，包括安装、使用和示例代码。
1. 安装
要使用 now.js，首先需要在本地环境中安装 npm 包，在终端命令行中键入以下命令：
- --- ------- ---
2. 使用
2.1 初始化
要使用 now.js，首先需要在服务器端初始化一个实例，并监听客户端的连接。在服务器端 JavaScript 文件中，可以使用以下代码进行初始化：
--- ----- - --------------- --- -------- - -------------------------
其中，server 是服务器对象，可以是 http 或 https 等模块创建的服务器对象。在这之后，可以使用 everyone 这个对象操作客户端连接和数据传输，下面会详细介绍。
2.2 客户端连接
当客户端连接到服务器时，可以使用 now.js 提供的 now.ready 方法来处理连接成功事件。在客户端 JavaScript 文件中，可以使用以下代码监听连接成功事件：
-------------------- - --------------------- ---
2.3 服务器端发送数据
在服务器端，使用 everyone 作为代表所有客户端的对象，可以使用 now.js 提供的 nowjs.group 方法来操作数据的发送和接收。可以使用以下代码向所有客户端发送数据：
----------------------- - -------------- - -- ------------- ----------------------------------------- -
其中，updateData 是服务器端定义的一个方法名，将接收客户端传递过来的 data，将其处理后再使用 now.js 提供的 nowjs.group 方法将数据传递到所有客户端。
2.4 客户端接收数据
在客户端中，可以使用 now.js 提供的 nowjs.group 方法来监听数据的传递。以下是示例代码：
---------------------- - -------------- - -------------------- ------ -- -------- -
其中，updateDataOnClient 是服务器端定义的方法名，将接收服务器端传递过来的 data，并更新页面中的数据。
3. 示例代码
以下是使用 now.js 实现实时聊天室的示例代码：
3.1 服务器端代码
--- ---- - ---------------- --- ----- - --------------- --- ------ - ------------------------------- ---- - ------------------ ---------------- --------------- --------------- ----------- --- --- -------- - ------------------------- --------------------------- - ----------------- - ------------------------------------ - ----------------------------- --------------------
在上面的代码中，我们初始化了一个服务器，然后使用 now.js 方法将 everyone 对象代表所有客户端，并定义了 receiveMessage 方法将客户端传递过来的消息进行处理，并使用 nowjs.group 方法向所有客户端广播消息。
3.2 客户端 HTML 代码
--------- ----- ------ ------ -------------------- ------- ------ -------------- --- -------------------- ------ ----------- ---------------- ------- ------------------------- ------- -------------------------------------------------- ------- ----------------------- ------- -------
在上面的代码中，我们引用了 now.js 文件，并在 script 标签中引用了 chat.js 文件，chat.js 中包含了客户端的 JavaScript 代码。
3.3 客户端 JavaScript 代码
--- --- - ---------------------------------------
--- -------- - -------------------------------------
--- --------- - --------------------------------------
--- ------- - ------------------------------------
-------------------- -
---------------------
---
--------------------------------- ---------- -
--- ------- - -----------------------
-- --------- -
----------------------------
--------------- - ---
-
--
-------------- - ----------------- -
--- -- - -----------------------------
------------ - --------
-------------------------
-在上面的代码中，我们连接到服务器，并处理连接成功事件；监听发送按钮的点击事件，并向服务器发送消息；使用 now.updateChat 方法更新列表中的消息。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/6005694281e8991b448e4c3e