JavaScript中无法直接用=安全更新深层嵌套属性，需结合可选链、空值合并、展开运算符、递归函数（如Lodash的_.set）或Proxy实现；各方法适用不同场景，如自动补全、不可变更新、动态路径或极简赋值。

JavaScript 中不能直接用普通赋值运算符（如 =）安全更新对象的深层嵌套属性，尤其当路径中存在 undefined 或 null 时会报错。需结合属性访问、可选链、空值合并或工具函数来实现安全、清晰的更新。

用点号/方括号 + 可选链（?.）和空值合并（??）预设路径

适用于“读取并更新某一层级，且希望自动补全中间空对象”的场景。注意：可选链只用于读取，不能用于赋值左侧，所以需分步处理。

例如，想确保 user.profile.address.city 存在并设为 "Beijing"：

// ✅ 安全创建中间层级（若不存在）
user.profile = user.profile ?? {};
user.profile.address = user.profile.address ?? {};
user.profile.address.city = "Beijing";

用展开运算符（...）构造新对象（推荐用于不可变更新）

避免直接修改原对象，更符合现代 JavaScript 实践（尤其配合 React/Vue 等框架）。需手动解构每一层。

立即学习“Java免费学习笔记（深入）”；

更新 user.settings.theme：

Alibabacloud Sdk Client Initialization For Java

在 Java 中初始化和管理阿里云 SDK客户端。包括单例模式、线程安全、endpoint 与 region 配置、VPC 终端节点、同步与异步等。

下载

const updatedUser = {
  ...user,
  settings: {
    ...user.settings,
    theme: "dark"
  }
};

多层嵌套可继续展开，但层级越深代码越冗长。可封装为通用函数（见下一条）。

用递归函数或 Lodash 的 set() 安全设置任意路径

对动态路径（如字符串 "profile.address.zipCode"）最实用。手写简易 set 函数示例：

function set(obj, path, value) {
  const keys = path.split('.');
  const lastKey = keys.pop();
  let current = obj;
  
  for (const key of keys) {
    if (current[key] == null || typeof current[key] !== 'object') {
      current[key] = {};
    }
    current = current[key];
  }
  
  current[lastKey] = value;
}

// 使用
set(user, "profile.address.city", "Shanghai");

生产环境建议直接使用 Lodash 的 _.set(user, 'profile.address.city', 'Shanghai')，它已处理边界情况（null/undefined/数组索引等）。

用 Proxy 创建“自动初始化”的代理对象（进阶技巧）

适合需要频繁深层赋值、且希望语法极简的场景（如配置中心）。Proxy 可拦截 set 操作，在访问缺失属性时自动创建空对象。

function createAutoObject() {
  return new Proxy({}, {
    get(target, prop) {
      if (!(prop in target)) target[prop] = {};
      return target[prop];
    },
    set(target, prop, value) {
      target[prop] = value;
      return true;
    }
  });
}

const user = createAutoObject();
user.profile.address.city = "Guangzhou"; // 不会报错，自动创建 profile → address

注意：该方式仅适用于全新对象；已有对象需先用 Proxy 包裹，且不适用于严格模式下的某些操作。