在前端开发中，经常需要把 JSON 数据存储到缓存或传输过程中，但是传统的 JSON.stringify() 和 JSON.parse() 无法处理二进制数据。这时候，一个名为 @lachenmayer/buffer-json 的 npm 包就能派上用场了。
什么是 @lachenmayer/buffer-json？
@lachenmayer/buffer-json 是一个基于 Buffer 对象的 JSON 序列化和反序列化库。相比于传统的 JSON.stringify() 和 JSON.parse()，它可以将二进制数据作为属性值或对象元素进行序列化，而不是将其转换成字符串。这使得我们可以直接在前端中传输二进制数据，而不需要使用 base64 或者其他编码方式。
如何安装和使用？
可以通过 npm 安装 @lachenmayer/buffer-json：
npm install @lachenmayer/buffer-json
使用该库，我们可以将对象序列化为二进制数据，如下所示：
-- -------------------- ---- ------- ------ - ---------- - ---- -------------------------- ----- ---------- - --- ------------ ----- --- - - ----- ------- ---- --- ------ --- ---------------- -- -- ----- - ----- --- - ------------------------- -- ------------
如果需要将二进制数据反序列化为对象，可以这样做：
import { BufferJSON } from '@lachenmayer/buffer-json'
const bufferJSON = new BufferJSON()
const buf = Buffer.from('{"name":"jack","age":18,"image":{"type":"Buffer","data":[255,0,0,255]}}')
const obj = bufferJSON.deserialize(buf) // 将二进制数据反序列化为对象示例代码
下面是一个完整的示例代码，它演示了如何将图片和文字一起序列化为二进制数据，并在前端和服务端之间传输：
-- -------------------- ---- ------- ------ - ---------- - ---- -------------------------- ----- ---------- - --- ------------ -- --------- ----- --- - - ----- ------- ---- --- ------ --- ---------------- -- -- ------ -------- -- - -- ------------ ----- --- - ------------------------- -- ---------------- ----- --- - --- ---------------- ---------------- ---------- ------------------------------------ --------------------------- ---------- - -------- -- - -- ------------- ----- ------- - ------------ -------------------- -- ------------- ----- ------- - ------------------------------- -------------------- -- --------- ----- ------ - -------------------------------- ----- --- - ----------------------- ----- ------- - --- ------------------------ -- -- ------------ - - ------------- - - ------------------------- -- -- --------------------------------- -- --------- ---------------------------------------------------------------- - -------------
总结
@lachenmayer/buffer-json 是一个非常好用的库，它能够帮助我们将二进制数据序列化为 JSON 对象，并在前端和服务端之间传输。通过本文的学习，希望大家可以更加了解这个库的使用方法，并将它应用到实际的项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a730d092702382269d