ECMAScript 2020 (ES11) - 使用 OR OR AND AND 操作符以简洁地处理 JavaScript 的变量分配操作-JavaScript中文网-JavaScript教程资源分享门户

在 ECMAScript 2020 (ES11) 中，引入了 OR OR 和 AND AND 操作符，这些操作符可以用来简化 JavaScript 中的变量分配操作。在本文中，我们将深入探讨这些操作符的使用方法，并提供示例代码，以帮助读者更好地理解这些操作符的作用。

OR OR 操作符

OR OR 操作符是双竖线符号（||），它可以用来简化 JavaScript 中的变量分配操作。在以前的版本中，我们通常使用以下方式来进行变量赋值：

let name = "Alice";
if (!name) {
  name = "Bob";
}

在这个例子中，我们首先声明了一个变量 name，并将其赋值为 "Alice"。然后，我们检查该变量是否为空或 undefined。如果是，我们将变量重新赋值为 "Bob"。

使用 OR OR 操作符，我们可以将上面的代码简化为以下形式：

let name = "Alice" || "Bob";

在这个例子中，我们使用 OR OR 操作符将 "Alice" 和 "Bob" 进行了比较。由于 "Alice" 不为空或 undefined，所以变量 name 被赋值为 "Alice"。如果 "Alice" 为空或 undefined，变量 name 将会被赋值为 "Bob"。

除了简化变量分配操作之外，OR OR 操作符还可以用于设置默认值。例如：

function greet(name) {
  name = name || "Bob";
  console.log(`Hello, ${name}!`);
}

greet("Alice"); // Output: Hello, Alice!
greet(); // Output: Hello, Bob!

在这个例子中，我们定义了一个 greet 函数，该函数接受一个参数 name。然后，我们使用 OR OR 操作符来设置默认值为 "Bob"。如果函数调用不带参数，则变量 name 将被赋值为 "Bob"。

AND AND 操作符

AND AND 操作符是双与符号（&&），它可以用来简化 JavaScript 中的变量分配操作。在以前的版本中，我们通常使用以下方式来进行变量赋值：

let age;
if (person && person.age) {
  age = person.age;
}

在这个例子中，我们首先声明了一个变量 age，然后检查 person 是否存在且 person.age 是否存在。如果都存在，我们将 person.age 赋值给变量 age。

使用 AND AND 操作符，我们可以将上面的代码简化为以下形式：

let age = person && person.age;

在这个例子中，我们使用 AND AND 操作符将 person 和 person.age 进行了比较。如果 person 和 person.age 都存在，则变量 age 被赋值为 person.age。否则，变量 age 将被赋值为 undefined。

除了简化变量分配操作之外，AND AND 操作符还可以用于检查对象是否存在。例如：

function greet(person) {
  if (person && person.name) {
    console.log(`Hello, ${person.name}!`);
  } else {
    console.log("Hello, stranger!");
  }
}

greet({ name: "Alice" }); // Output: Hello, Alice!
greet(); // Output: Hello, stranger!

在这个例子中，我们定义了一个 greet 函数，该函数接受一个对象 person。然后，我们使用 AND AND 操作符来检查 person 和 person.name 是否存在。如果都存在，我们将向控制台输出 "Hello, Alice!"。否则，我们将向控制台输出 "Hello, stranger!"。

总结

OR OR 和 AND AND 操作符是 ECMAScript 2020 (ES11) 中的新功能，它们可以用来简化 JavaScript 中的变量分配操作。使用 OR OR 操作符，我们可以将变量赋值和默认值设置合并为一个操作。使用 AND AND 操作符，我们可以将变量赋值和对象检查合并为一个操作。这些操作符的使用方法简单明了，可以大大提高代码的可读性和可维护性。

希望本文能够帮助读者更好地理解 OR OR 和 AND AND 操作符的使用方法，并在实际开发中得到应用。如果您有任何疑问或建议，请在评论区留言，我们将尽快回复。

来源：JavaScript中文网，转载请注明来源本文地址：https://www.javascriptcn.com/post/65bb72fbadd4f0e0ff443d58