?. 可选链

最后更新:2026-09-09

?. 可选链 可选链

可选链 ?. 安全地访问嵌套属性——如果中间环节是 null/undefined 则返回 undefined 而不报错。

分类运算符
ES 版本ES2020

📝 语法

对象?.属性?.子属性

返回值:属性值或 undefined。

是否修改原值:否(返回新值)

▶ 示例

编辑下方代码,点击运行,在输出面板查看结果:

运行结果:

北京
undefined
北京
💡 提示 ?. 替代了冗长的 && 链检查——代码更短更清晰。
ℹ️ info ?.() 可以安全调用可能不存在的方法;?.[] 可以安全访问可能不存在的键。

🌐 浏览器支持

浏览器 ChromeChrome EdgeEdge FirefoxFirefox SafariSafari OperaOpera
?. 可选链 v80 v80 v72 v13.1 v67
所有现代浏览器均支持
更多实战案例即将上线,敬请期待。

📚 相关教程

❓ 常见问题

Q?. 和 && 链的区别?
A?. 更简洁且不会因为写错变量名而意外返回错误的值。
Q?. 能用于赋值吗?
A不能——?. 只能用于读取。赋值需要 ??= 或条件判断。
Q?. 是 ES 几新增的?
AES2020。
Web-Tutorial.com

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核,确保内容准确可靠。如发现任何问题,欢迎向我们反馈。

100%

🙏 帮我们做得更好

我们是刚上线的编程教程站,几个人的小团队,精力有限。页面虽经检查,难免还有疏漏——链接失效、排版错乱、内容有误、语言生硬……

如果您发现了,麻烦告诉我们,我们会在收到反馈后第一时间进行修复,再次感谢您的光临 🙏