Set集合用于权限管理可高效去重和O(1)校验，支持角色合并、路由/按钮级控制及实时同步，但敏感操作仍需后端校验。
Set集合在权限管理系统中主要用于高效存储和判断用户拥有的权限标识，避免重复、提升查询性能，并简化权限校验逻辑。
用Set管理用户权限列表
用户权限通常以字符串数组形式从后端获取，比如["user:read", "user:edit", "order:delete"]。直接用数组做包含判断（arr.includes("user:edit")）时间复杂度是O(n)，而Set的has()方法是O(1)。初始化时建议立即转为Set：
- 接收权限数组后，立刻构建
new Set(permissions) - 将Set实例挂载到用户对象上，如
user.permissions = new Set(permArr) - 后续增删权限统一调用
add()或delete()，自动去重且无副作用
组合权限与角色校验
一个角色可能对应多个权限，不同角色权限有交集。可用Set实现“角色权限合并”和“最小权限匹配”：
- 定义角色权限映射表：
const rolePermissions = { admin: new Set(["*:*"]), editor: new Set(["post:read", "post:edit"]) } - 用户登录后，根据角色名获取对应Set，再用
for...of或扩展运算符合并多个角色权限：new Set([...role1, ...role2]) - 校验某操作是否允许：直接
user.permissions.has("post:publish")，无需遍历或正则匹配
前端路由与按钮级权限控制
基于权限Set动态渲染菜单或禁用按钮，避免“有接口无入口”的体验断层：
立即学习“Java免费学习笔记（深入）”；
- 路由守卫中检查
if (!user.permissions.has(route.meta.requiredPermission)) { router.push("/403") } - 按钮组件接收
required-permissionprop，内部用v-if="user.permissions.has(prop)"控制显隐（Vue）或{user.permissions.has("order:export") && <button>导出</button>}（React） - 注意：敏感操作仍需后端二次校验，前端Set仅用于体验优化
权限变更后的实时同步
用户在系统内被授予权限或角色调整时，需更新本地Set并触发视图响应：
- 监听权限变更事件（如WebSocket消息或API回调），拿到新增/删除的权限项数组
- 批量更新Set：
newPerms.forEach(p => user.permissions.add(p))；撤销时用oldPerms.forEach(p => user.permissions.delete(p)) - 若使用响应式框架（Vue 3 / React），确保Set被包裹在响应式数据结构中（如
ref(new Set())或useState），或手动触发更新
