美文网首页
JavaScript 中问号的三种用法 ??和?.以及?: 的您

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

作者: 测试开发Kevin | 来源:发表于2023-04-05 13:48 被阅读0次

最近看了一些关于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

如果您还知道哪些JS 中关于问号的特殊用法欢迎留言讨论。如果文章帮到了您,劳烦点赞转发!

相关文章

网友评论

      本文标题:JavaScript 中问号的三种用法 ??和?.以及?: 的您

      本文链接:https://www.haomeiwen.com/subject/azadwrtx.html