如何在使用解构语法时确保JavaScript bind方法正常工作？

你遇到的核心问题是：bind绑定的是原对象的内存引用，当你在test里执行param = {a:1, b:2}时，只是把test函数里的param变量指向了一个新对象，但bind绑定的还是最初传入的那个空对象，所以自然失效。

根据你的需求，分两种场景给出可行方案：

场景1：保持原对象引用（让bind持续生效） #

如果你不想重新绑定，只想用类似“批量赋值”的简洁方式给原对象设置属性，用Object.assign把新属性合并到原对象里即可——这样原对象的引用不变，bind依然指向它：

function func0(a) {
  doThis(a, this);
}
let func;
  
function main(param) {
  func = func0.bind(param);
  test(param)
}
function test(param) {
  // 用Object.assign批量修改原对象属性，保持引用不变
  Object.assign(param, {a: 1, b: 2});
  func("test");
}

main({});

function doThis(a, param) {
   console.log(a + JSON.stringify(param,null,2));
}

执行后会输出test{"a":1,"b":2}，和你逐个修改属性的效果一致，但写法更简洁。

场景2：必须创建新对象（重新绑定） #

如果业务逻辑确实需要替换成新对象，那只要在赋值后重新给func绑定新对象就行：

function func0(a) {
  doThis(a, this);
}
let func;
  
function main(param) {
  func = func0.bind(param);
  test(param)
}
function test(param) {
  // 创建新对象
  param = {a: 1, b: 2};
  // 重新绑定新对象
  func = func0.bind(param);
  func("test");
}

main({});

function doThis(a, param) {
   console.log(a + JSON.stringify(param,null,2));
}

这样func会指向新绑定的对象，输出同样符合预期。

补充：关于解构语法的说明 #

你提到的“解构语法”本身是用来提取对象/数组属性的（比如const {a,b} = param），它不会修改原对象。如果是想通过展开运算符生成新对象（比如const newParam = {...param, a:1, b:2}），这会创建新对象，此时必须重新绑定才能让func指向新对象，和场景2的逻辑一致。

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