it编程 > 编程语言 > Javascript

JavaScript 中问号的三种用法 ??和?.以及?:

6人参与 2025-04-24 Javascript

 最近看了一些关于javascript的测试脚本,觉得js 中问号的用法还是蛮有意思的,于是做了一下总结,在这里分享给大家!js中的问号大概有三种用法,分别是:空值合并操作符、可选链操作符和三目运算。

问号问号(??)

空值合并操作符??是一个逻辑操作符,当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。

例如

console.log(null ?? "xx")
输出 xx
console.log(1 ?? "xx")
输出 1

问号点 (?.)

可选链操作符(?.)可选链操作符允许读取位于连接对象链深处的属性的值,而不必明确验证链中的每个引用是否有效。 使用它的好处是引用为null 或者 undefined的情况下不会引起错误。

语法:obj?.prop obj?.[expr] arr?.[index] func?.(args)

例如

var obj={a:{b:1}}
console.log(obj?.a?.b)
输出1
console.log(obj?.a?.c)
输出 undefined

问号冒号(?: )

这是三目运算,具体表达式是(condition ? expriftrue : expriffalse)

该表达式的含义是 条件condition是真,则执行expriftrue ,否则执行expriffalse

举个例子大家就懂了

var n = 10;
console.log((n >= 11) ? "a" : "b");
输出b
当 var n = 12;
输出a

到此这篇关于javascript 中问号的三种用法 ??和?.以及?: 的文章就介绍到这了,更多相关javascript 问号内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网! 

(0)
打赏 微信扫一扫 微信扫一扫

您想发表意见!!点此发布评论

推荐阅读

微信小程序事件绑定基本语法示例详解

04-24

JavaScript检查变量类型的常用方法

04-24

鸿蒙系统中实现图片上传功能全流程

04-24

VS Code中搭建JavaScript运行环境超详细过程

04-24

纯JS实现监控本地文件变化

04-24

JavaScript 获取 URL 中参数值的方法详解(最新整理)

04-24

猜你喜欢

版权声明:本文内容由互联网用户贡献,该文观点仅代表作者本人。本站仅提供信息存储服务,不拥有所有权,不承担相关法律责任。 如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 2386932994@qq.com 举报,一经查实将立刻删除。

发表评论