位运算做权限判断

这也是我在看3.0源码时发现的东西，在packages/shared/src/shape.ts下发现了之前没遇到过的新东西。

export const enum ShapeFlags {
    
    
  ELEMENT = 1,
  FUNCTIONAL_COMPONENT = 1 << 1,
  STATEFUL_COMPONENT = 1 << 2,
  TEXT_CHILDREN = 1 << 3,
  ARRAY_CHILDREN = 1 << 4,
  SLOTS_CHILDREN = 1 << 5,
  TELEPORT = 1 << 6,
  SUSPENSE = 1 << 7,
  COMPONENT_SHOULD_KEEP_ALIVE = 1 << 8,
  COMPONENT_KEPT_ALIVE = 1 << 9,
  COMPONENT = ShapeFlags.STATEFUL_COMPONENT | ShapeFlags.FUNCTIONAL_COMPONENT
}

在此之前我对位运算的了解真的很少，仅仅知道是个二进制的东西，在实际项目中不会遇到这种东西，但看到源码用位运算来判断包含哪些参数，顺着百度了一下位运算，那么就记录一下。
首先平时的数值运算，其实是要先转换成二进制再进行运算的，而位运算就是直接进行二进制运算，所以位运算的执行效率肯定是更高的。
用ts方法写一个枚举，设置权限值分别为二进制的admin:001,editor:010,visitor:100,对应的十进制分别为1，2，4，假设某个页面的权限pageRoles为[‘admin’,‘visitor’]，那么这个页面的权值计算为5，假设用户的权值为6，那么只要根据pagePower&userPower判断结果是不是为0就能判断这个用户有没有页面的权限，而且速度非常非常快！

const enum roles{
    
    
  'admin' = 1,
  'editor' = 1 << 1,
  'visitor' = 1 << 2
}

let pageRoles:string[] = ['admin','visitor']
let userPower:number = 6
let pagePower:number = 0

pageRoles.forEach(item=>{
    
     
  pagePower+=roles[item]
})
// pagePower权值为5
console.log(pagePower&userPower) //4

userPower = 8

console.log(pagePower&userPower) //0