JavaScript可通过原型链模拟角色继承实现多层级权限控制：Admin为顶层原型，Editor继承并覆盖部分权限，Viewer再继承并禁用编辑删除权限；用户用Object.create()绑定角色原型，通过Object.setPrototypeOf()动态升降级，权限校验函数统一处理方法存在性与默认返回false。
JavaScript中可以通过原型链模拟角色继承关系，实现多层级权限控制：让低权限角色对象的 __proto__ 指向高权限角色对象，从而自然继承其权限方法和属性。
设计角色原型对象结构
每个角色定义为一个普通对象，包含自身独有的权限方法（如 canEdit、canDelete），不使用构造函数或 class，直接用对象字面量构建原型链节点：
- Admin：拥有全部操作权限，作为顶层原型
- Editor：继承 Admin，但禁用部分敏感操作（可覆盖或删除）
- Viewer：继承 Editor，仅保留只读权限
示例：
const Admin = {
canRead: () => true,
canEdit: () => true,
canDelete: () => true,
canManageUsers: () => true
};
const Editor = Object.assign(Object.create(Admin), {
canManageUsers: () => false // 覆盖父级权限
});
const Viewer = Object.assign(Object.create(Editor), {
canEdit: () => false,
canDelete: () => false
});
创建用户实例并绑定角色原型
用户不是 new 出来的实例，而是通过 Object.create() 显式指定其原型，确保权限查找严格走原型链：
立即学习“Java免费学习笔记（深入）”；
- 用户对象自身不存权限逻辑，只存身份信息（如
name、role） - 所有权限判断都委托给原型上的方法，支持动态切换角色（重设
__proto__）
示例：
const alice = Object.create(Viewer); alice.name = 'Alice'; console.log(alice.canRead()); // true（沿链查到 Viewer → Editor → Admin） console.log(alice.canEdit()); // false（Viewer 自己定义了返回 false） console.log(alice.canManageUsers()); // false（Editor 覆盖为 false）
运行时角色升级与降级
利用 Object.setPrototypeOf() 安全修改用户原型，实现权限动态调整，无需重建对象：
- 升级：将用户原型指向更高权限角色（如 Viewer → Editor）
- 降级：指向更低权限角色（如 Editor → Viewer）
- 注意：避免直接改
__proto__（非标准且有性能隐患）
示例：
// Alice 升为编辑者 Object.setPrototypeOf(alice, Editor); console.log(alice.canEdit()); // true console.log(alice.canManageUsers()); // false（仍受 Editor 限制） // 恢复为查看者 Object.setPrototypeOf(alice, Viewer);
权限校验封装与边界处理
为避免每次手动调用 xxx()，可封装统一校验函数，并处理未定义权限的默认行为：
- 检查方法是否存在且为函数，不存在则返回
false（最小权限原则） - 支持传入资源上下文（如
check('canEdit', { resourceId: 123 })），在具体角色方法中做细粒度判断 - 禁止用户对象自身添加权限方法，防止绕过控制（可用
Object.freeze()冻结角色原型）
示例校验工具：
function checkPermission(user, action, context = {}) {
const fn = user[action];
if (typeof fn === 'function') return fn.call(user, context);
return false;
}
// 使用
checkPermission(alice, 'canDelete'); // false
