2019年清明三天假，终于有时间写写，昨天有同事问我关于逻辑运算符 &&（逻辑与） || （逻辑或） 运算符，看来很多人基础还是比较薄弱，今天就写写&& || 运算符基础。
前言
当存在 && 和 || 表达式时，两边都会转化为布尔类型（Boolean），然后再进行运算。
在js逻辑运算中，0、''、null、false、undefined、NaN都会转为false，其他都为true。
&& 运算符优先级高于 ||。
1、&& 运算符
- 两边条件都为true时，结果才为true
- 如果有一个为false，结果就为false
- 当第一个条件为false时，就不再判断后面的条件
注意：
当数值参与逻辑与运算时，结果为true，那么会返回的会是第二个为真的值。
如果结果为false，返回的会是第一个为假的值。
2、|| 运算符
- 只要有一个条件为true时，结果就为true
- 当两个条件都为false时，结果才为false
- 当一个条件为true时，后面的条件不再判断
注意：
当数值参与逻辑或运算时，结果为true，会返回第一个为真的值。
如果结果为false，会返回第二个为假的值。
3、demo
1 && 2 && 0 && 1 || 3 && 1 || 2 // 1
1 && 2 && 0 && (1 || 3) && 1 || 2 // 2
null && 2 && '' && (1 || 3) && 1 || 2 && '' // ""
其实非常简单，只要根据转为boolean的规则，然后看最后一步执行了什么就返回什么。
总结
- &&、||、！ 运算符都会把两边的转为boolean 类型。
- ''、null、underfined、NaN、0、false 这6个都会转为false，其余会转为true。
- && 、|| 都是是短路操作符，&& 只要第一个是false 就不会计算后面，|| 只要第一个是true 就不会计算后面。
- && 运算符优先级高于 ||。
- && 、|| 都是返回最后执行的那部分表达式。