本文共 867 字，大约阅读时间需要 2 分钟。

链式操作符（?.）在 JavaScript 中是 ES11 的新特性，用于在对象访问时提供一个“安全网”。如果某个属性不存在，则会返回 undefined，而不是抛出错误。这对于处理不确定性数据非常有用。

假设你有一个配置对象：

config = {  db: {    host: '192.168.20.60',    userName: 'liuy'  },  cache: {    host: '192.168.20.80',    userName: 'admin'  }}

在没有链式操作符的情况下，以下代码可能会因为 config.db.host 不存在而抛出错误：

function main(config) {  const dbHost = config.db.host;  console.log(dbHost);}main();

这可能导致应用程序�ashdown，尤其当 config 或 config.db 不存在时。

使用链式操作符，可以更安全地访问对象属性：

function main(config) {  const dbHost = config?.db?.host;  console.log(dbHost);}main();

这样，无论 config、config.db 还是 config.db.host 不存在，都不会抛出错误。它们都会返回 undefined。这在处理未知数据或可选配置时非常有用。

传统的方法可能会导致多次检查和复杂的条件语句，而链式操作符则简化了这种流程控制。即使不传入任何配置参数，也不会报错：

function main(config) {  const dbHost = config?.db?.host;  console.log(dbHost);}main();

这种写法更简洁易懂，适合处理复杂的对象嵌套结构，同时仍能保持应用程序的稳定性。

总之，链式操作符是 JavaScript 的一个强大工具，可以帮助你更安全地处理对象属性，减少错误和维护成本。

转载地址：http://heftz.baihongyu.com/