短路运算符妙用

1、JS 中的&&属于短路的与：

• 如果第一个值为 false，则不会执行后面的内容。

• 如果第一个值为 true，则继续执行第二条语句，并返回第二个值。

举例：

const a1 = 'qianguyihao';
// 第一个值为true，会继续执行后面的内容
a1 && alert('看 a1 出不出来'); // 可以弹出 alert 框

const a2 = undefined;
// 第一个值为false，不会继续执行后面的内容
a2 && alert('看 a2 出不出来'); // 不会弹出 alert 框

2、JS 中的||属于短路的或：

• 如果第一个值为 true，则不会执行后面的内容。

• 如果第一个值为 false，则继续执行第二条语句，并返回第二个值。

举例：

const result; // 请求接口时，后台返回的内容
let errorMsg = ''; // 前端的文案提示

if (result && result.retCode != 0) {
    // 接口返回异常码时
    errorMsg = result.msg || '活动太火爆，请稍后再试'; // 文案提示信息，优先用 接口返回的msg字段，其次用 '活动太火爆，请稍后再试' 这个文案兜底。
}

if (!result) {
    // 接口挂掉时
    errorMsg = '网络异常，请稍后再试';
}