JavaScript变量嵌套未更新：请求Authorization Token不生效问题

JavaScript里字符串属于值类型，当你把abc23token（值为token1）赋值给headers.headers.Authorization时，实际上是把token1的字符串值复制到了这个属性里，不是建立引用关系。后续修改abc23token = token2，只是改变了这个变量本身的指向，不会同步到已经赋值的Authorization属性上，所以请求还是用旧token。

不需要重新定义整个headers对象，也完全没必要放弃用变量存token，有两种简单的处理方式：

方式1：直接更新headers的Authorization属性 #

当需要切换token时，直接修改已有的headers对象里的对应属性即可：

// 后续需要更新token时执行这行
headers.headers.Authorization = token2;

这样下次请求使用这个headers对象时，就会用新的token。

方式2：用函数动态生成headers（适合频繁切换或需要动态确定token的场景） #

如果你的token切换比较频繁，或者每次请求前才确定要用哪个token，可以把headers封装成一个函数，每次调用都返回最新的配置：

// 定义生成headers的函数
function buildRequestHeaders(authToken) {
  return {
    headers: {
      'Authorization': authToken,
      'Content-Type': 'application/json'
    }
  }
}

// 使用token1时
const requestHeaders1 = buildRequestHeaders(token1);
// 使用token2时
const requestHeaders2 = buildRequestHeaders(token2);

这种方式每次都会生成包含最新token的headers对象，避免手动更新的麻烦。

用变量存储token是更合理的做法，方便统一管理和维护，问题的核心是你误解了JavaScript值类型的赋值逻辑，不是变量本身的问题。

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