JS中几个实用操作符，可避免错误的发生

YGY_Webgis糕手之路

2024-07-21 40 阅读1分钟

包含？. ？？（三元）表达式链

1.可选链操作符?.：对象不存在或属性不存在，则返回 `undefined` 而不是抛出错误

const user = { name: "John" };
const age = user.profile?.age; // 如果 user.profile 不存在，age 将是 undefined

2.空值合并运算符??:左侧操作数不是 `null` 或 `undefined`，则返回左侧操作数，否则返回右侧操作数。

const username = null ?? "Guest"; // username 的值将是 "Guest"

3.（三元）表达式链：可以使用多个三元运算符来构建条件表达式链，但要注意可读性

let value = 10;
let result = value > 10 ? '大于10' :
             value === 10 ? '等于10' :
             '小于10';
console.log(result);