在 JavaScript 对象字面量中，无法直接在定义过程中引用尚未完成初始化的同级属性（如 root），但可通过提取公共变量 + 对象简写语法安全复用路径前缀。
在 javascript 对象字面量中，无法直接在定义过程中引用尚未完成初始化的同级属性（如 `root`），但可通过提取公共变量 + 对象简写语法安全复用路径前缀。
在 Node.js 或前端项目中，集中管理 URL 路径是常见需求。许多开发者会尝试在对象内部“嵌套引用”同级属性，例如：
let URLS = {
root: "www.example.com",
paths: {
user: root + "/user", // ❌ ReferenceError: root is not defined
login: root + "/login" // 同样报错
}
};这种写法会抛出 ReferenceError，因为 root 是对象的一个属性，而非作用域内的变量；在对象字面量求值时，root 尚未被绑定到当前作用域，且 JavaScript 不支持对象内部跨层级的属性前向引用。
✅ 正确做法是：将共享值（如域名）抽离为独立常量，再通过 ES6 的对象简写语法（shorthand property names）注入对象，同时在嵌套结构中直接复用该常量：
const root = "https://www.example.com"; // 推荐使用完整协议，避免相对路径歧义
const URLS = {
root, // 等价于 root: root
paths: {
user: `${root}/user`,
login: `${root}/login`,
profile: `${root}/users/:id`, // 支持动态片段
api: {
users: `${root}/api/v1/users`,
posts: `${root}/api/v1/posts`
}
}
};
console.log(URLS.paths.user); // "https://www.example.com/user"
console.log(URLS.paths.api.users); // "https://www.example.com/api/v1/users"? 进阶建议：
立即学习“Java免费学习笔记（深入）”；
- 使用模板字符串（`${root}/...`）提升可读性与可维护性；
- 若需运行时动态拼接（如带环境变量），可封装为函数：
const getURLs = (baseUrl) => ({
root: baseUrl,
paths: {
user: `${baseUrl}/user`,
login: `${baseUrl}/login`
}
});
const URLS = getURLs(process.env.BASE_URL || "https://localhost:3000");⚠️ 注意事项：
- 避免在对象字面量中使用 this.root —— 此时 this 指向外层作用域（非当前对象），且对象尚未构建完成；
- 不要依赖 URLS.root 在 paths 内部进行访问（如 URLS.root + "/user"），这会引入执行顺序依赖和潜在的 undefined 拼接风险；
- 若需深度嵌套且逻辑复杂，推荐使用 URL 构造函数 或专用库（如 url-pattern、path-to-regexp）增强健壮性。
综上，“对象内嵌套引用”本质是作用域与初始化时机问题，而非语法限制。通过变量解耦 + 简写语法 + 函数化封装，即可写出清晰、安全、易扩展的 URL 配置结构。
