你没见过的前端骚操作

快速评分

const rate = (r) => "★★★★★☆☆☆☆☆".slice(5 - r, 10 - r);
console.log(rate(0)); // ☆☆☆☆☆
console.log(rate(1)); // ★☆☆☆☆
console.log(rate(2)); // ★★☆☆☆
console.log(rate(3)); // ★★★☆☆
console.log(rate(4)); // ★★★★☆
console.log(rate(5)); // ★★★★★

运算符的风骚

1 << 2 // 4
1 << 3 // 8
1 << 4 // 16

let toggle = 0
toggle ^= 1 // toggle:1
toggle ^= 1 // toggle:0
toggle ^= 1 // toggle:1

~~3.14 // 3
3.14 >> 0 // 3
3.14 << 0 // 3
3.14 | 0 // 3

(3 ^ -5) >= 0 // false,符号不同
(-3 ^ 5) >= 0 // false,符号不同
(-3 ^ -5) >= 0 // true,符号相同
(3 ^ 5) >= 0 // true,符号相同

const isPowerOf2 = (n) => (n & (n - 1)) === 0;
console.log(isPowerOf2(4)); // true
console.log(isPowerOf2(15)); // false
console.log(isPowerOf2(16)); // true
console.log(isPowerOf2(256)); // true
console.log(isPowerOf2(250)); // false

倒序遍历

for(let i = arr.length - 1; i >= 0; i-- ){}

// 可简写成
for (let i = arr.length; i--; ) {}

史上最 NB 的异常处理

try {
} catch (e) {
  location.href = `https://stackoverflow.com/search?q=js+${e.message}`;
}