Node.js 中的 Buffer(缓冲区)

下面是关于 Node.js 中的 Buffer(缓冲区) 的系统总结,涵盖了定义、创建、读取修改、溢出处理、中文编码问题以及字符串转换等关键用法👇


🧱 一、什么是 Buffer?

Buffer 是 Node.js 提供的用于处理二进制数据 的类。

在浏览器中我们可以使用 BlobArrayBuffer,但 Node 环境下使用 Buffer 更加高效和灵活。

Buffer 主要用于处理文件系统、网络传输中的数据。


✨ 二、创建 Buffer 的几种方式

js 复制代码
// 1. 创建一个长度为 10 的 Buffer,初始值为 0
const buf1 = Buffer.alloc(10);

// 2. 创建未初始化的 Buffer(更快,但内容是旧数据,需手动填充)
const buf2 = Buffer.allocUnsafe(10);
buf2.fill(0); // 推荐立即填充

// 3. 使用数组初始化
const buf3 = Buffer.from([1, 2, 3]);

// 4. 使用字符串初始化(可指定编码)
const buf4 = Buffer.from('Hello'); // 默认 utf-8 编码
const buf5 = Buffer.from('你好', 'utf8');

🧪 三、读取和修改 Buffer 内容

js 复制代码
const buf = Buffer.from('Node');

// 读取字节值(十进制 ASCII)
console.log(buf[0]); // 输出: 78,对应字符 N

// 修改值
buf[0] = 100; // 改为字符 d (ASCII 100)
console.log(buf.toString()); // "dode"

🚫 四、Buffer 溢出处理

Buffer 是固定长度的,不能自动扩容,超出会被截断或不生效:

js 复制代码
const buf = Buffer.alloc(2);
buf.write('abcd');
console.log(buf.toString()); // 输出 ab,后面 cd 被截断

写入的数据超出长度时,只写入前面的部分。


🌏 五、Buffer 中文乱码问题处理

js 复制代码
const buf = Buffer.from('你好', 'utf8');
console.log(buf); // <Buffer e4 bd a0 e5 a5 bd>

// 将 Buffer 转回中文字符串
console.log(buf.toString('utf8')); // 你好

⚠️ 中文字符占用多个字节(通常为 3 个),不能随意截取:

js 复制代码
const cut = buf.slice(0, 2); // 截取不完整
console.log(cut.toString('utf8')); // 输出乱码

✅ 正确做法:用 iconv-lite 等库做中文切割或保留完整字节。


🔄 六、Buffer 与字符串的互相转换

js 复制代码
// 字符串 => Buffer
const str = 'hello';
const buf = Buffer.from(str);

// Buffer => 字符串
const newStr = buf.toString('utf8'); // "hello"

编码可以是:utf8asciibase64hexlatin1


🔍 七、实用方法补充

方法 说明
buf.length 返回字节长度
buf.slice(start, end) 截取部分 Buffer
buf.write(str, offset, length, encoding) 写入字符串
Buffer.concat([buf1, buf2]) 合并多个 Buffer
Buffer.isBuffer(obj) 判断是否是 Buffer

✅ 总结一句话

Buffer 是 Node 中用于处理二进制数据的核心模块,支持高效的创建、读取、写入和转换,尤其适用于网络传输和文件读写中。


需要我帮你出一个 Buffer 使用的实战示例(比如文件读取、TCP 收包等)也可以告诉我~

相关推荐
石小石Orz17 分钟前
浏览器的预检请求OPTIONS到底有什么用?
前端
落雪小轩韩21 分钟前
网格布局 CSS Grid
前端·css
parade岁月24 分钟前
Vue 3 父子组件模板引用的时序陷阱与解决方案
前端
xianxin_28 分钟前
CSS Outline(轮廓)
前端
moyu8429 分钟前
遮罩层设计与实现指南
前端
Pedantic38 分钟前
用 SwiftUI 打造一个 iOS「设置」界面
前端
timeweaver44 分钟前
深度解析 Nginx 前端 location 配置与优先级:你真的用对了吗?
前端·nginx·前端工程化
鲸落落丶1 小时前
网络通信---Axios
前端
wwy_frontend1 小时前
React性能优化实战:从卡顿到丝滑的8个技巧
前端·react.js
小高0071 小时前
面试官:npm run build 到底干了什么?从 package.json 到 dist 的 7 步拆解
前端·javascript·vue.js