Node.js v24发布，你还未体验的新功能

 

百万前端向前冲

2025-05-0845阅读4分钟

 

4月30号，Node.js v18结束生命周期。
5月6日，Node.js v24发布。

技术应该不断迭代向前进，追求更高、更快、更强，对开发者更加友好。

但软件、框架新版本发布很难再令人心动，一是因为平时工作用不到哇，二是开发者只给只给文字描述不给演示案例啊喂，可能存在大大小小个未曾探索的坑。

Node.js2009年出道，2025年了16岁，挑出一些实用功能进行体验测试。

一、 文件监听实时运行 --watch

语法：node --watch 文件名 保存即所见，有点像Live Server插件的感觉。

二、多文件测试 --test

语法：node --test 文件名1 文件名2 测试正确的代码： 

测试存在错误的代码： 

三、环境变量原生支持 --env-file

我理解的是创建.env文件写上配置参数，Node.js无需第三方库dotenv可直接读取变量值？ 多次测试是失败的(通过其他项目Trae找到了正确的方法 附录2)。

针对Node.js新版本（v20.6+）的环境变量管理优化，我们可以使用Node.js原生支持的 --env-file 参数替代dotenv

在终端运行一定要记得带上参数，同时创建文件目录 node --env-file .env 文件名 

四、 彩色控制台

现在Node.js内置模块util，可以直接使用styleText(样式关键字, 内容) 进行个性化彩色控制台输出。

特别注意嵌套多个样式的写法，可以考虑自定义递归函数:
console.log(styleText('italic', styleText('bold', styleText('blue', '蓝色加粗斜体'))));

五、客户端内置WebSocket

原以为服务端和客户端都可以不再引入Websocket库 ws，测试了半天才发现只有客户端省去了，似乎有点鸡肋。 如果我的理解有误请指教。

附录

1.安装Node.js v24

安装包含：

• Node.js运行时 3102KB 安装Node.js核心运行时(Node.exe)
• 24KB Node.js通用的包管理器
• 1116KB Node.js推荐的包管理工具
• 1KB 在线文档快捷方式，在开始菜单添加进入Node.js在线文档和网站的连接
• 2KB 添加Node.js，npm和 modules 全局安装PATH环境变量。

Chocolatey是 windows 下一款命令行包管理软件 ，简单说这就是 Windows 的 apt-get。选择不装。

在命令行查看Node.js和npm版本 

注：安装Node.js不需要重启电脑即可生效。

2. 使用--env-file 原生读取.env自定义环境变量

3. 彩色控制台代码

 

js

体验AI代码助手

代码解读

复制代码

const { styleText } = require('util'); 


// 1. 文本样式测试
console.log('\n=== 文本样式测试 ===');
console.log(styleText('reset', '重置样式'));
console.log(styleText('bold', '加粗文本'));
console.log(styleText('dim', '暗淡文本')); 
console.log(styleText('italic', '斜体文本'));
console.log(styleText('underline', '下划线文本'));
console.log(styleText('blink', '闪烁文本'));
console.log(styleText('inverse', '反转颜色'));
console.log(styleText('hidden', '隐藏文本'));
console.log(styleText('strikethrough', '删除线'));
console.log(styleText('doubleunderline', '双下划线'));
console.log(styleText('framed', '边框文本'));
console.log(styleText('overlined', '上划线文本'));

// 2. 文本颜色测试
console.log('\n=== 文本颜色测试 ===');
console.log(styleText('black', '黑色文本'));
console.log(styleText('red', '红色文本'));
console.log(styleText('green', '绿色文本'));
console.log(styleText('yellow', '黄色文本')); 
console.log(styleText('blue', '蓝色文本'));
console.log(styleText('magenta', '品红色文本'));
console.log(styleText('cyan', '青色文本'));
console.log(styleText('white', '白色文本'));
console.log(styleText('gray', '灰色文本'));
console.log(styleText('redBright', '亮红色文本'));
console.log(styleText('greenBright', '亮绿色文本'));
console.log(styleText('yellowBright', '亮黄色文本'));
console.log(styleText('blueBright', '亮蓝色文本'));
console.log(styleText('magentaBright', '亮品红色文本'));
console.log(styleText('cyanBright', '亮青色文本'));
console.log(styleText('whiteBright', '亮白色文本'));

// 3. 背景颜色测试  
console.log('\n=== 背景颜色测试 ===');
console.log(styleText('bgBlack', '黑色背景'));
console.log(styleText('bgRed', '红色背景'));
console.log(styleText('bgGreen', '绿色背景'));
console.log(styleText('bgYellow', '黄色背景'));
console.log(styleText('bgBlue', '蓝色背景'));
console.log(styleText('bgMagenta', '品红色背景'));
console.log(styleText('bgCyan', '青色背景'));
console.log(styleText('bgWhite', '白色背景')); 
console.log(styleText('bgGray', '灰色背景'));
console.log(styleText('bgRedBright', '亮红色背景'));
console.log(styleText('bgGreenBright', '亮绿色背景'));
console.log(styleText('bgYellowBright', '亮黄色背景'));
console.log(styleText('bgBlueBright', '亮蓝色背景'));
console.log(styleText('bgMagentaBright', '亮品红色背景'));
console.log(styleText('bgCyanBright', '亮青色背景'));
console.log(styleText('bgWhiteBright', '亮白色背景'));

// 4. 组合样式测试
console.log('\n=== 组合样式测试 ===');
// console.log(styleText('red.bold', '红色加粗文本'));
console.log(styleText('underline', styleText('bgYellow', '黄色背景带下划线')));
console.log(styleText('italic', styleText('bold', styleText('blue', '蓝色加粗斜体'))));
console.log(styleText('bgRed', styleText('greenBright', '亮绿色文本红色背景')));
console.log(styleText('inverse', styleText('magenta', '品红色反转样式')));
console.log(styleText('strikethrough', styleText('cyan', '青色删除线文本')));
console.log(styleText('bold', styleText('bgBlue', styleText('whiteBright', '亮白色加粗蓝色背景'))));

4.WebSocket代码

服务器端

 

js

体验AI代码助手

代码解读

复制代码

const WebSocket = require('ws');

// 创建 WebSocket 服务器
const wss = new WebSocket.Server({ port: 8080 });

wss.on('connection', (ws) => {
  console.log('新的客户端连接');
  
  // 接收消息
  ws.on('message', (message) => {
    console.log('收到消息:', message.toString());
    
    // 广播给所有客户端
    wss.clients.forEach((client) => {
      if (client.readyState === WebSocket.OPEN) {
        client.send(`服务器收到: ${message}`);
      }
    });
  });

  // 连接关闭
  ws.on('close', () => {
    console.log('客户端断开连接');
  });
});

console.log('WebSocket 服务器运行在 ws://localhost:8080');

客户端

 

js

体验AI代码助手

代码解读

复制代码

// 使用Node.js 22+原生WebSocket（注意API差异）
const ws = new WebSocket('ws://localhost:8080');

// 使用addEventListener替代.on方法
ws.addEventListener('open', () => {
  console.log('已连接到服务器');
  ws.send('你好，服务器！');
});

ws.addEventListener('message', ({ data }) => {
  console.log('收到服务器消息:', data.toString());
});

ws.addEventListener('close', () => {
  console.log('连接已关闭');
});