如何在JavaScript中实现类似C++的数组、对象内存打包（pack）功能

JavaScript 没有和 C++ #pragma pack 直接对应的编译指令，无法直接干预普通数组、对象的默认内存对齐规则，但可以通过 ArrayBuffer、DataView 和类型化数组手动实现无对齐填充的内存打包效果，完全可以复现 C++ 中 #pragma pack(push, 1) 的功能，满足代码微优化的需求。

你可以按照以下步骤实现无对齐内存打包：

• 首先计算你要存储的所有数据的实际总字节数，pack(1) 规则下不需要计算对齐填充的冗余字节，直接累加每个字段的字节长度即可。比如要存储2个1字节的uint8、1个4字节的uint32，总长度就是 1+1+4=6 字节，直接申请对应长度的ArrayBuffer即可。
• 借助 DataView 手动控制每个字段的读写偏移量，完全跳过引擎的自动对齐逻辑。

给个对应C++ #pragma pack(push, 1) 场景的实现示例：

// C++ 侧的打包结构体定义
#pragma pack(push, 1)
struct CustomStruct {
  uint8_t field1;
  uint8_t field2;
  uint32_t field3;
};
#pragma pack(pop)

// JS 侧对应实现的打包逻辑
// 申请和C++侧打包后大小完全一致的内存
const buffer = new ArrayBuffer(6);
const view = new DataView(buffer);

// 手动按偏移写入数据，无对齐填充
let offset = 0;
view.setUint8(offset, 100); // 写入field1
offset += 1;
view.setUint8(offset, 200); // 写入field2
offset += 1;
// 第三个参数指定端序，和C++侧保持一致即可
view.setUint32(offset, 12345678, true); // 写入field3
offset += 4;

// 读取数据同样按偏移量操作
const field1 = view.getUint8(0);
const field2 = view.getUint8(1);
const field3 = view.getUint32(2, true);

• 只有操作ArrayBuffer相关的API时才能实现手动内存打包，普通JS数组、对象的内存布局由JS引擎自动管理，无法手动调整对齐规则。
• 这种实现方式可以完美匹配C++侧的打包内存布局，如果你是用于WASM交互、二进制数据传输场景，可以减少序列化/反序列化开销，达到微优化的效果。
• 读写多字节数据时要注意端序（大端/小端）的一致性，避免出现数据解析错误。

内容的提问来源于stack exchange，提问作者anon824303