js里问号的用法

在JavaScript（js）中，问号有着多种重要的用法，熟练掌握这些用法能够让我们的代码更加简洁、高效。

最常见的是条件（三元）运算符。它的语法形式是condition? expr1 : expr2。这里的condition是一个条件表达式，如果该条件为真，就会返回expr1的值；如果条件为假，则返回expr2的值。例如：

let age = 20;
let status = age >= 18? "成年人" : "未成年人";
console.log(status); 

在上述代码中，根据age的值判断，返回相应的结果。这种用法避免了使用冗长的if...else语句，使代码更加紧凑。

在ES2020中引入了可选链操作符?.。它允许我们在访问对象的属性或方法时，先检查对象是否为null或undefined。如果是，则返回undefined，而不会抛出错误。例如：

const user = {
  name: "张三",
  address: {
    city: "北京"
  }
};
const city = user.address?.city;
console.log(city); 

如果user.address不存在，使用可选链操作符就不会报错，而是返回undefined。

还有空值合并运算符??。它用于在左侧操作数为null或undefined时，返回右侧操作数的值。比如：

let value = null;
let defaultValue = "默认值";
let result = value?? defaultValue;
console.log(result); 

这里因为value为null，所以result的值为defaultValue。

在实际开发中，合理运用这些问号相关的操作符能够提升代码的可读性和健壮性。条件运算符适合简单的条件判断赋值；可选链操作符能有效避免在访问深层对象属性时可能出现的错误；空值合并运算符则方便为变量设置默认值。

需要注意的是，虽然这些操作符很方便，但也要避免过度使用，以免代码逻辑变得复杂难懂。要根据具体的业务场景和需求，恰当地选择使用，这样才能写出高质量的JavaScript代码。