关于实现JSON节点兼具自身值与下级路径访问功能的技术问询

嗨，这个需求挺有意思的！首先得明确：标准JSON格式本身无法实现这个效果——因为JSON的每个键对应的值只能是单一类型（字符串、数字、布尔、null、数组或对象），不能同时是基础值和嵌套对象。不过如果是在JavaScript环境中，我们可以通过两种方式模拟这个需求：

方法1：自定义Getter + 重写valueOf/toString #

我们可以给对象添加自定义属性的getter，同时重写valueOf和toString方法，让对象在被隐式转换为字符串/数字时返回预设的“自身值”，同时保留对子属性的访问能力。

// 创建符合需求的对象A
const A = {
  // 定义B属性的getter
  get B() {
    return 123;
  },
  // 当对象被转换为原始值时返回"XYZ"
  valueOf() {
    return "XYZ";
  },
  // 当对象被转换为字符串时返回"XYZ"
  toString() {
    return "XYZ";
  }
};

// 测试效果
console.log(String(A)); // 输出 "XYZ"
console.log(A.B);       // 输出 123
console.log(A + "");    // 输出 "XYZ"（隐式转换）

这种方式的小缺点是：直接打印A时会显示对象的结构（而不是直接显示"XYZ"），但在需要将A作为值使用的场景（比如字符串拼接、类型转换）中，它会返回预设的"XYZ"。

方法2：使用Proxy拦截访问 #

如果想要更彻底的“访问A直接返回值，同时能访问A.B”的效果，可以用JavaScript的Proxy来拦截所有属性访问操作，根据访问的目标返回对应结果。

// 创建代理对象A
const A = new Proxy({ B: 123 }, {
  get(target, prop) {
    // 处理原始值转换的情况（比如String(A)、Number(A)）
    if (prop === Symbol.toPrimitive || prop === 'valueOf' || prop === 'toString') {
      return () => "XYZ";
    }
    // 如果访问的是对象已有的子属性（比如B），返回对应值
    if (prop in target) {
      return target[prop];
    }
    // 其他情况默认返回"XYZ"
    return "XYZ";
  }
});

// 测试效果
console.log(String(A)); // 输出 "XYZ"
console.log(A.B);       // 输出 123
console.log(A);         // 在部分环境中会显示代理对象，但转换为值时正常返回"XYZ"

Proxy的优势在于可以更灵活地控制所有访问行为，甚至可以处理更多边缘情况（比如访问不存在的属性时也返回"XYZ"）。

注意事项 #

如果你的需求是在非JavaScript环境中实现（比如后端的纯JSON解析），那标准JSON是不支持这种结构的，你需要自定义数据格式和解析器来实现类似逻辑。

内容的提问来源于stack exchange，提问作者A.Mills