掌握ES6运算符，解锁编程新境界！

2024-01-27 22:57:41

ES6的引入为JavaScript语言带来了许多激动人心的新特性，其中新增的运算符尤为引人注目。这些运算符旨在简化代码编写、提高代码可读性和可维护性，从而提升开发人员的整体编程体验。

### 1. 可选链运算符（?.）

可选链运算符（?.）用于安全地访问可能为`undefined`或`null`的对象属性或方法。它允许我们在不使用条件语句或繁杂的错误处理逻辑的情况下，优雅地获取对象属性。

```javascript
const user = {
  name: 'John Doe',
  age: 30,
  address: {
    street: 'Main Street',
    number: 123
  }
};

console.log(user.address?.street); // 输出: "Main Street"
console.log(user.address?.zipCode); // 输出: undefined (不会报错)

2. 指数运算符（**）

指数运算符（**）用于快速计算数值的指数。它简化了以前需要使用Math.pow()函数来完成的操作。

console.log(2 ** 3); // 输出: 8
console.log(5 ** -2); // 输出: 0.04

3. 空值合并运算符（??）

空值合并运算符（??）用于检查表达式是否为undefined或null，如果是，则返回指定的默认值。它消除了对繁杂的条件语句或三元运算符的需求。

const name = null;
const defaultName = 'Unknown';

console.log(name ?? defaultName); // 输出: "Unknown"

4. 逻辑赋值运算符（&&=、||=、??=）

逻辑赋值运算符（&&=、||=、??=）允许我们在赋值操作中进行逻辑运算。它们简化了常见的逻辑赋值模式，提高了代码简洁性。

let isLoggedIn = false;

isLoggedIn &&= true; // 如果isLoggedIn为真，则将isLoggedIn赋值为真
isLoggedIn ||= false; // 如果isLoggedIn为假，则将isLoggedIn赋值为假
isLoggedIn ??= true; // 如果isLoggedIn为假或未定义，则将isLoggedIn赋值为真