JavaScript中的&&（逻辑与）和||（逻辑或）_逻辑预算字符串如何解析结果true或者false-优快云博客

本文详细解析了JavaScript中逻辑与（&&）和逻辑或（||）运算符的工作原理，包括它们如何处理真假值，短路行为以及在复杂表达式中的应用。通过具体示例，展示了这些运算符在实际编程中的作用。

逻辑与（&&）

第一层理解

当操作数都是Boolean时，只有第一个操作数和第二个操作数都是true时，才返回true，否则返回false

var x = 1;
var y = 2;
console.log(x === 1 && y === 2); // true 只有这一种情况返回true，其他情况均为fasle

第二层理解

假值：false、null、undefined、0、-0、NaN和""（空字符串）

真值：除了上述六种假值，其他均为真值

“&&”可以对真值和假值进行布尔与（AND）的操作，从左往右，如果操作数都为真值，返回最后一个真值；否则，如果遇到第一个假值，则返回这个假值的“实际”值，因此“&&”并不总是返回true或false

var book = {
    name: '三国演义',
    chapter: {
        subName: '武松打虎'
    }
};
var chapterName = book && book.chapter && book.chapter.subName;
console.log(chapterName ); // 武松打虎
var chapterPages = book && book.chapter && book.chapter.pages;
console.log(chapterPages); // undefined

第三层理解

“短路”的理解:

运算符首先计算“&&”左侧的表达式，如果结果为假值，那么整个表达式结果一定为假，此时计算直接返回这个假值的值，而不会去计算“&&”右侧的操作数（这就是我们所说的“短路”）；
反过来说，如果“&&”左侧操作数为真值，那么继续执行“&&”右侧操作数，结果依赖于右侧操作数的值，如果右侧操作数为真值，返回该真值；如果右侧操作数为假值，整个表达式一定为假值，返回该假值；

var o = {
    x: 2
};
var p = null;
console.log(o && o.x); // 2
console.log(p && p.x); // null p为假值，所以不会去计算p.x

逻辑或（||）

“||”可以对真值和假值进行布尔或（OR）的操作:

`var a = b || c.x || 300`

1. 看上面这个表达式，从左往右，遇到第一个真值，返回该真值的值，即b的值；

2. 如果b的值为假值，则继续执行c.x的值，是真值则返回c.x的值；若为假值则返回300；

var a = 3;
var b = {
    x: 4
};
var c = a || b.x || 5;
console.log(c); // 3
a = null
var d = a || b.y || 5;
console.log(d); // 5