JavaScript中能否实现不同长度数组的同内存引用与修改联动？

JavaScript 原生的普通数组（Array 类型）不支持你描述的、类C语言的不同长度数组共享起始段内存的能力。普通JS数组是引擎封装的动态抽象对象，并非C语言中直接映射连续固定内存块的裸数组，引擎对数组的存储优化是内部实现细节，对外不暴露直接共享内存段的操作接口。

如果要实现修改短数组对应位置时，长数组前几位同步变更的效果，有两种可行方案：

方案1：使用类型化数组（TypedArray）共享底层ArrayBuffer内存 #

这是最接近C语言内存共享逻辑的方案，类型化数组是JS提供的直接操作二进制内存块的接口，所有同个ArrayBuffer上创建的TypedArray都会直接操作同一块内存，支持指定偏移量和长度来映射内存的不同片段。
示例代码：

// 创建一块能容纳6个32位整数的连续内存，每个Int32占4字节，总内存大小24字节
const sharedBuffer = new ArrayBuffer(6 * Int32Array.BYTES_PER_ELEMENT);
// 长数组b映射整块内存，长度为6
const b = new Int32Array(sharedBuffer);
// 给b赋初始值
b.set([0, 1, 2, 3, 4, 5]);
// 短数组a映射同一块内存的起始段，偏移量为0，长度为3
const a = new Int32Array(sharedBuffer, 0, 3);

// 测试修改效果
a[0] = 1;
console.log(b); // 输出 Int32Array(6) [1, 1, 2, 3, 4, 5]
console.log(a); // 输出 Int32Array(3) [1, 1, 2]

这个方案的限制：

• 类型化数组只能存储指定数值类型的数据，无法像普通数组一样存储字符串、对象、函数等任意类型的值
• 类型化数组的长度创建后固定，不支持push、pop、splice等会动态改变数组长度的方法
• 超出短数组a声明长度的内存位置，无法通过a直接访问修改

方案2：使用Proxy代理实现读写映射（适配普通数组场景） #

如果你必须使用可以存储任意类型、支持动态长度的普通数组，可以通过Proxy劫持短数组的读写操作，将操作映射到长数组上，实现逻辑层面的同步。注意这个方案不是真正的内存共享，只是操作层面的联动。
示例代码：

const b = [0, 1, 2, 3, 4, 5];
const a = new Proxy(b, {
  get(target, prop) {
    // 处理length属性，返回短数组的长度3
    if (prop === 'length') return 3;
    const index = Number(prop);
    // 超出短数组索引范围的属性不返回
    if (!Number.isNaN(index) && index >= 3) return undefined;
    return Reflect.get(target, prop);
  },
  set(target, prop, value) {
    const index = Number(prop);
    // 不允许修改短数组索引范围外的位置
    if (!Number.isNaN(index) && index >= 3) return false;
    return Reflect.set(target, prop, value);
  }
});

// 测试修改效果
a[0] = 1;
console.log(b); // 输出 [1, 1, 2, 3, 4, 5]
console.log(Array.from(a)); // 输出 [1, 1, 2]

这个方案的限制：

• a本质是Proxy代理对象，不是真正的Array实例，部分数组原生方法的行为需要额外拦截适配才能符合预期
• 不存在真正的内存共享，只是通过逻辑劫持实现了同步效果，性能比TypedArray方案差

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