分享几个JavaScript运算符的使用技巧

让我来详细讲解一下“分享几个JavaScript运算符的使用技巧”的攻略。

标题

分享几个JavaScript运算符的使用技巧

代码块

在 JavaScript 中，有很多运算符可以帮助我们进行数据处理和逻辑运算。下面我就来分享几个常用的运算符，并介绍一些使用技巧。

一、 空值合并运算符

空值合并运算符 ?? 用于确定变量或表达式是否为未定义或空值（null 或 undefined），并在它们之间选择默认值。例如：

const defaultValue = 'default';
let value1;
let value2 = null;

console.log(value1 ?? defaultValue); // 输出：default
console.log(value2 ?? defaultValue); // 输出：default
console.log('' ?? defaultValue); // 输出：''

// 等价于以下写法
console.log(value1 !== null && value1 !== undefined ? value1 : defaultValue);
console.log(value2 !== null && value2 !== undefined ? value2 : defaultValue);
console.log('' !== null && '' !== undefined ? '' : defaultValue);

二、 可选链运算符

可选链运算符 ?. 用于在访问嵌套属性时，安全地跳过可能不存在的中间属性或方法。例如：

const person = {
  name: '小明',
  age: 18,
  job: {
    title: '工程师',
    department: {
      name: '前端开发组'
    }
  }
};

console.log(person?.job?.department?.name); // 输出：'前端开发组'
console.log(person?.hobbies?.length); // 输出：undefined

上面的示例中，我们用 ?. 运算符来依次访问 person 对象的 job 属性、department 属性和 name 属性。如果其中有一个属性不存在，表达式就会短路返回 undefined。

以上就是我为大家分享的两个常用的 JavaScript 运算符。如果你还想了解更多关于 JavaScript 运算符的使用技巧和注意事项，可以继续深入学习。