javascript中命名空间靠对象嵌套实现（如a.b.c），原型链仅用于行为复用；常用方式包括对象字面量逐级定义、构造函数挂载+prototype扩展、class静态属性模拟，二者需区分使用，不可混淆。
JavaScript 原型链本身不直接支持命名空间（namespace）概念，但可以通过构造函数、对象字面量和原型的层级赋值，模拟出类似“A.B.C”这样的嵌套结构。关键在于：把对象当作容器来组织属性和方法，再通过原型链让子对象继承父对象的行为或共享数据——但注意，**真正的“命名空间”靠的是对象嵌套，不是原型链；原型链主要用于行为复用，两者常配合使用，不可混淆**。
用对象字面量构建命名空间层级
最常用、最清晰的方式是直接创建嵌套对象：
- 从全局作用域（如 window 或 globalThis）开始，逐级定义属性
- 每级都是普通对象，不依赖 new 或 prototype
- 避免污染全局时，可用立即执行函数封装
// 创建 MyLib.UI.Dialog 这样的层级
const MyLib = MyLib || {};
MyLib.UI = MyLib.UI || {};
MyLib.UI.Dialog = {
show() { console.log('dialog shown'); },
hide() { console.log('dialog hidden'); }
};
结合原型链实现可复用的“类层级”
当需要多个实例共享方法、又希望保持命名空间语义时，可将构造函数挂到命名空间下，并通过 prototype 添加方法：
- 构造函数作为命名空间下的“类”，如 MyLib.Data.User
- 方法定义在 MyLib.Data.User.prototype 上，所有实例共享
- 父类可通过 Object.setPrototypeOf() 或 extends 实现原型继承
MyLib.Data = MyLib.Data || {};
MyLib.Data.User = function(name) { this.name = name; };
MyLib.Data.User.prototype.greet = function() {
return `Hello, ${this.name}`;
};
<p>// 继承：MyLib.Data.Admin 是 User 的子类
MyLib.Data.Admin = function(name, role) {
MyLib.Data.User.call(this, name);
this.role = role;
};
Object.setPrototypeOf(MyLib.Data.Admin.prototype, MyLib.Data.User.prototype);
MyLib.Data.Admin.prototype.isAdmin = function() { return true; };</p>
用 class + 静态属性模拟命名空间内聚性
ES6 class 更适合表达层级关系，静态属性/方法可作为命名空间下的工具集：
- class 本身可作为命名空间节点（如 MyLib.Utils）
- 静态方法不依赖实例，天然适合工具函数组织
- 内部 class 可嵌套定义，增强语义（但实际仍是平级声明）
class MyLib {
static Utils = class {
static formatDate(date) { return date.toISOString().split('T')[0]; }
};
<p>static Model = class {
constructor(data) { this.data = data; }
};
}</p><p>// 使用：MyLib.Utils.formatDate(new Date())
// new MyLib.Model({ x: 1 })</p>
注意事项：原型链 ≠ 命名空间，别强行混用
容易踩的坑：
- 不要试图用 __proto__ 或 prototype 链去“跳转”命名空间路径（比如想让 obj.__proto__ 指向 MyLib.UI）——这破坏封装，且无实际意义
- 命名空间层级是属性访问路径，原型链是方法查找路径，二者目的不同
- 模块化（ESM）已成主流，推荐用 export { X } from './x.js' + import * as NS from 实现更安全的命名空间效果
Java免费学习笔记：立即使用
解锁 Java 大师之旅：从入门到精通的终极指南
