逻辑或赋值运算符 (||=)

逻辑或赋值短路，这意味着x ||= y等效于x || (x = y)，除了表达式x只会被评估一次。

如果左侧不是假值，则不会执行赋值，因为逻辑或运算符会短路。例如，以下代码不会抛出错误，尽管x是const

const x = 1;
x ||= 2;

以下代码也不会触发setter

const x = {
  get value() {
    return 1;
  },
  set value(v) {
    console.log("Setter called");
  },
};

x.value ||= 2;

事实上，如果x不是假值，则根本不会评估y。

const x = 1;
x ||= console.log("y evaluated");
// Logs nothing

如果“lyrics”元素为空，则显示默认值

document.getElementById("lyrics").textContent ||= "No lyrics.";

这里的短路特别有用，因为元素不会被不必要地更新，并且不会导致不希望的副作用，例如额外的解析或渲染工作，或失去焦点等。

注意：请注意您正在检查的API返回的值。如果返回空字符串（假值），则必须使用||=，以便显示“No lyrics.”而不是空格。但是，如果API在内容为空的情况下返回null或undefined，则应改用??=。

• 逻辑或 (||)
• 空值合并运算符 (??)
• 按位或赋值 (|=)
• 真值
• 假值