JavaScript中的&&（逻辑与）和||（逻辑或）

&&操作符（逻辑与），操作符两边的值均为true时，则返回true，否则返回false

console.log(true && true); // true
console.log(true && false); // false
console.log(false && true); // false
console.log(false && false); // false

扩展

console.log( 1 && 2); // 2
console.log( 1 && 0); // 0
console.log( 0 && 1); // 0
console.log( 0 && ''); // 0

结论

1、只要 "&&" 前面false，不管 "&&" 后面为true或者false，则都返回 "&&" 前面的值。

2、只要 "&&" 前面true，不管 "&&" 后面为true或者false，则都返回 "&&" 后面的值。

||操作符（逻辑或），操作符两边的值均为false时，则返回false，否则返回true

console.log(true || true); // true
console.log(true || false); // true
console.log(false || true); // true
console.log(false || false); // false

扩展

console.log( 1 || 2); // 1
console.log(1 || 0); // 1
console.log(0 || 1); // 1
console.log('' || 0); // 0

结论

1、只要 "||" 前面false，不管 "||" 后面为true或者false，则都返回 "||" 后面的值。

2、只要 "||" 前面true，不管 "||" 后面为true或者false，则都返回 "||" 前面的值。

注意：当同时使用 "&&" 和 "||" 时，"&&" 的优先级要高于 "||"

例如

console.log(1 || 2 && 3);  // 1