javaScript 逻辑运算符使用技巧整理

JavaScript 中的逻辑运算符是用于运算表达式的特定符号。在编写代码时使用逻辑运算符是非常常见的，逻辑运算符的主要目的是判断条件是否满足或者将多个条件组合到一起。下面我们来整理一下 JavaScript 中逻辑运算符的使用技巧。

1.逻辑 AND 运算符(&&)

当两个表达式都为 true 时，AND 运算符才会返回 true。否则它将返回 false。&& 运算符在条件语句，循环语句等中经常使用，其常见用途有：

- 确保两个条件都为 true 才执行某件事情

- 以分支语句中的条件控制，当且仅当两个条件都满足时才执行相应的代码。

- 判断某个变量是否为 null 或 undefined，防止进行无效的操作。

2.逻辑 OR 运算符(||)

OR 运算符是只有一个表达式为 true 就返回 true，如果两个表达式都为 false 才返回 false。 || 运算符在以下场景经常使用：

- 如果两个表达式中至少有一个为 true 时，执行某些代码。

- 可以用来设置默认值。当值为空或者 undefined 等无效值时，使用默认值，如：

var name = username || "defaultname";

3.逻辑 NOT 运算符(!)

NOT 运算符是用于反转表达式的值。如果表达式的值为真，则 NOT 返回 false，如果表达式的值为 false，则 NOT 返回 true。常见的使用场景有：

- 多用于复杂表达式的判断，使得代码更加清晰易懂。

- 防止变量值为 null 或 undefined，在进行操作时加上 ! 以判断该变量是否为有效值。

if( !value ) {
     alert("Value is null or undefined");
}

4.逻辑 XOR 运算符(^)

异或逻辑运算符只有两个表达式中有一个为 true 时，才会返回 true。当两个表达式都为 true 或者都为 false 时，返回 false。

true ^ true // false
true ^ false // true
false ^ true // true
false ^ false // false

普遍使用场景是判断两个彼此独立的条件或者状态的不同，比如一个单选框的选中状态和另一个复选框的选中状态。

总结

在编写代码时，JavaScript 中的逻辑运算符是非常实用的，使用逻辑运算符可以让代码更加简洁，易读易懂。 在编写代码时，我们需要注意以下几点：

- 避免连续的逻辑运算符使用，应当用括号来明确优先级。

- 尽量使用单个逻辑运算符，在可读性与效率之间进行平衡。

- 如果复杂的逻辑判断需要用到多个逻辑运算符进行组合，考虑使用结构清晰的 if else 语句或 switch 语句来代替。