js 与或运算符 || && 妙用

下面是关于“JS 与或运算符 || && 妙用”的完整攻略，包含两个示例说明：

一、JS 与或运算符概述

在JS中，&&和||是常用的逻辑运算符，它们可以将多个条件判断合并在一起。在编写条件判断语句时，通过巧妙地使用逻辑运算符，可以让代码更加简洁、易懂，提高开发效率。

1.1 逻辑与运算符(&&)

逻辑与运算符用双"&&"符号表示，当两个表达式都为真时返回真，否则返回假。例如：

if (a > 0 && b < 10) {
  // 代码块
}

上面的代码判断a是否大于0，b是否小于10，只有当两个条件都满足时，才执行代码块。

1.2 逻辑或运算符(||)

逻辑或运算符用双"||"符号表示，当两个表达式中有一个为真时返回真，否则返回假。例如：

if (a == 0 || b == 10) {
  // 代码块
}

上面的代码判断a是否等于0或b是否等于10，只有满足其中一个条件时，才执行代码块。

1.3 短路特性

在使用逻辑运算符时，有一种特性称为短路特性。当使用逻辑与(&&)时，如果第一个表达式为假，则不会再执行第二个表达式，直接返回假；而当使用逻辑或(||)时，如果第一个表达式为真，则不会再执行第二个表达式，直接返回真。

下面将详细介绍如何利用逻辑与、或运算符的特性来简化代码。

二、妙用——实现参数默认值

在JS中，可以使用函数默认参数来定义函数的默认值。例如：

function multiply(a, b = 1) {
  return a * b;
}

console.log(multiply(2)); // 2

上面的代码中，如果只传入一个参数a，函数将会自动为参数b赋值1，这样不需要特别判断参数b是否存在。

但是，在某些场景下，需要判断多个参数中是否存在空值，并为这些参数设置合适的默认值。这时就可以使用逻辑或(||)的特性来实现。

例如，下面的代码实现了将传入的参数转为布尔值，若为空，则自动转为false：

function foo(param) {
  param = param || false;
  return param;
}

上面的代码中，如果参数param没有传入值，则param为undefined，undefined || false返回值为false，因此将param赋值为false；如果传入了参数值，则param为参数值，param || false返回值为参数值，因此将param赋值为参数值。

三、妙用——实现连续赋值

在JS中，可以通过以下方式实现多个变量赋相同的值：

var a = 1;
var b = 1;
var c = 1;

上面的代码中，三个变量都赋值为1。

但是，如果需要将多个变量赋值为不同的值，上面的方式则显得冗长且不易维护。这时可以使用逻辑与(&&)的特性来简化代码。

例如，下面的代码实现了将多个变量同时赋值：

var a, b, c;
a = b = c = 1 && 2 && 3;
console.log(a, b, c); // 3 3 3

上面的代码中，&&运算符可实现连续判断，只有前一个值为真时才会进行下一个判断，因此最后会将a、b、c三个变量同时赋值为3。

总结

以上是关于JS 与或运算符的用法，在实际开发中可以通过逻辑与、或运算符的特性来简化代码，提高开发效率。其中，通过使用逻辑或可以实现参数默认值的功能，通过使用逻辑与可以实现连续赋值的功能。