稀土掘金技术社区

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

点击关注公众号,“技术干货” 及时达!

① 4 月 30 号,Node.js v18 结束生命周期。

② 5 月 6 日,Node.js v24 发布。

❝

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

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

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

❞
Image

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

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

Image

二、多文件测试 --test

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

测试存在错误的代码: Image

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

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

❝

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

❞

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

四、 彩色控制台

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

Image

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

4.1 七彩控制台实用效果 5 月 13 日 New

自定义函数 封装 console.log()控制台打印语句 ,为生活增添彩色乐趣。

Image
function co(文本内容){    // 定义随机背景颜色组(移除分号)    const colorArr = ['bgBlack', 'bgRed', 'bgGreen', 'bgYellow', 'bgBlue', 'bgMagenta', 'bgCyan', 'bgWhite', 'bgGray', 'bgRedBright', 'bgGreenBright', 'bgYellowBright', 'bgBlueBright', 'bgMagentaBright', 'bgCyanBright', 'bgWhiteBright']
    const fontColorArr = ['black', 'red', 'green', 'yellow', 'blue', 'magenta', 'cyan', 'white', 'gray', 'redBright', 'greenBright', 'yellowBright', 'blueBright', 'magentaBright', 'cyanBright', 'whiteBright']
    // 修改:将Emoji表情加载到数组中并保持一行    const emojiArr = ['🌰','🌱','🌲','🌳','🌴','🌵','🌷','🌸','🌹','🌺','🌻','🌼','🌽','🌾','🌿','🍀','🍁','🍂','🍃','🍄','🍅','🍆','🍇','🍈','🍉','🍊','🍋','🍌','🍍','🍎','🍏','🍐','🍑','🍒','🍓','🍔','🍕','🍖','🍗','🍘','🍙','🍚','🍛','🍜','🍝','🍞','🍟','🍠','🍡','🍢','🍣','🍤','🍥','🍦','🍧','🍨','🍩','🍪','🍫','🍬','🍭','🍮','🍯','🍰','🍱','🍲','🍳','🍴','🍵','🍶','🍷','🍸','🍹','🍺','🍻','🍼','🍾','🍿','🎀','🎁','🎂']    // 生成随机索引(移除分号)    const i = Math.floor(Math.random() * fontColorArr.length)    const j = Math.floor(Math.random() * emojiArr.length)    // 获取随机背景颜色(移除分号)    const 背景颜色 = fontColorArr[i]    let 内容 = `${emojiArr[j].repeat(3)}${文本内容}`    console.log(styleText( 背景颜色,内容 ))  // 移除分号并简化空格}//信息处理
Image

五、客户端内置 WebSocket

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

Image

附录

1. 安装 Node.js v24

Image
Image

安装包含:

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

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

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

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

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

Image

3. 彩色控制台代码

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 代码

服务器端

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');

客户端

// 使用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('连接已关闭');});

关注更多AI编程资讯请去AI Coding专区:https://juejin.cn/aicoding

图片
点击"阅读原文"了解详情~