JavaScript中的和 || 区别

在 JavaScript 中，&& 操作符被称为逻辑与操作符。当使用 && 操作符连接两个表达式时，它会首先计算左侧的表达式：

如果左侧的表达式为 false 或者可以转换为 false 的值（如 null、undefined、0、“” 空字符串或 NaN），那么 && 操作符将返回左侧表达式的值，并且不会计算右侧的表达式。
如果左侧的表达式为 true 或者可以转换为 true 的值，那么 && 操作符将计算右侧的表达式，并返回右侧表达式的值。

const configProps = matched.props && matched.props[name]

这里的 matched.props && matched.props[name] 表达式的意思是：

首先检查 matched.props 是否存在（不是 null 或 undefined）。
如果 matched.props 存在，那么继续获取 matched.props[name] 的值。
如果 matched.props 不存在（即为 null 或 undefined），则 configProps 将被赋值为 matched.props 的值，也就是 null 或 undefined。

因此，这个表达式确保了只有当 matched.props 不为空时，configProps 才会被赋值为 matched.props[name]。这是一种常见的 JavaScript 编程模式，用于避免在访问一个可能不存在的对象属性时出现错误。

逻辑或操作符（||）

如果左侧的表达式为 true 或者可以转换为 true 的值，那么 || 操作符将返回左侧表达式的值，并且不会计算右侧的表达式。
如果左侧的表达式为 false 或者可以转换为 false 的值，那么 || 操作符将计算右侧的表达式，并返回右侧表达式的值。
这种行为被称为“短路”（short-circuiting），因为如果左侧的表达式足以确定整个表达式的结果，那么就不需要计算右侧的表达式了。

const a = true || false; // a 的值为 true，因为左侧表达式已经是 true，右侧表达式不会被计算
const b = false || 'Hello'; // b 的值为 'Hello'，因为左侧表达式是 false，所以计算右侧表达式
const c = '' || 'Fallback'; // c 的值为 'Fallback'，因为左侧表达式是空字符串（被视为 false），所以计算右侧表达式