JavaScript基础教程（二十六）运算符：解锁JS运算符黑魔法，这些神操作让你的代码逼格飙升！

JavaScript运算符绝非简单的数学计算工具，它们是构建高效、优雅代码的基石。从基础的算术运算到鲜为人知的位操作，每一个运算符都蕴含着独特的设计智慧。本文将带你深入探索JS运算符的隐藏技巧，用实战代码展示如何运用这些语法精灵写出更具表现力的代码。

1. 算术运算符的隐秘特性

除了基础的+ - * /，**幂运算符和%求余都值得关注：

console.log(2 ** 3); // 8
console.log(10 % 3); // 1

但真正有趣的是++和--的前后置区别：

let x = 3;
const y = x++; // y=3, x=4
const z = ++x; // z=5, x=5

2. 比较运算符的陷阱与真理

==会进行类型转换，===则严格比较：

'5' == 5;   // true
'5' === 5;  // false

特殊规则需谨记：

null == undefined; // true
NaN === NaN;       // false
Object.is(NaN, NaN); // true

3. 逻辑运算符的魔法世界

&&和||的短路特性极具实用价值：

const value = input || 'default'; // 默认值模式
const result = obj && obj.property; // 安全访问

4. 位运算的极致优化

位运算在处理标志位时极其高效：

const READ = 1, WRITE = 2, EXECUTE = 4;
let permissions = READ | WRITE; // 3
if (permissions & READ) {} // 检查读权限

5. 现代ES2020新特性

空值合并运算符??与可选链?.完美搭档：

const name = user?.profile?.name ?? 'Anonymous';

最佳实践建议

1. 始终使用===而非==
2. 利用短路特性简化代码逻辑
3. 用??替代||提供默认值
4. 位运算谨慎使用，优先考虑可读性

掌握这些运算符的深层用法，不仅能写出更简洁高效的代码，更能避免许多潜在bug，真正发挥JavaScript的语言魅力。