随着 JavaScript 不断发展，ES12 也带来了一些新特性，其中包括逻辑赋值运算符 &&= 和 ||=。这些运算符可以帮助开发者在编写代码时节省时间，避免冗长的代码，提高代码的可读性和可维护性。本文将介绍这两个运算符，说明它们的用法，并提供一些示例代码。
逻辑赋值运算符 &&=
逻辑赋值运算符 &&= 可以在变量赋值时进行短路计算。当变量存在时，它会对变量进行赋值；当变量为 falsy 值时，它将变量赋值为 falsy 值，而不执行后面的语句。这可以帮助开发者在编写代码时避免写冗长的 if 语句、三目运算符等。
以下是逻辑赋值运算符 &&= 的用法示例：
-- -------------------- ---- ------- --- - - -- --- - - -- - --- -- --------------- -- - --- - - -- --- - - -- - --- -- --------------- -- -
逻辑赋值运算符 ||=
逻辑赋值运算符 ||= 在变量赋值时也进行短路计算。它会判断变量是否存在（truthy 值），如果存在，则不进行赋值；如果不存在，则执行赋值操作。这也可以帮助开发者避免冗长的 if 语句、三目运算符。
以下是逻辑赋值运算符 ||= 的用法示例：
-- -------------------- ---- ------- --- - - -- --- - - -- - --- -- --------------- -- - --- - - -- --- - - -- - --- -- --------------- -- -
总结
逻辑赋值运算符 &&= 和 ||= 可以帮助开发者在编写代码时节省时间，避免冗长的 if 语句、三目运算符等。在代码逻辑判断中，它们的使用可以让代码更加简洁、易读、易维护。
尽管这些运算符是 ES12 新增加的特性，但它们的使用范围是非常广泛的。如果您还没有开始使用它们，请尝试在您的代码中使用它们，以便更好地利用这些新特性，提高代码效率和可读性。
参考链接
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6650ee8ed3423812e43ca16b