js中?.、??的具体用法

你的名字 2023-10-09 16:12 18阅读 0赞

**目录**

1、?. （可选链运算符）

2、??（空值合并运算符）

--------------------

## 1、**`?. （可选链运算符）`** ##

在javascript中如果一个值为null、undefined，直接访问下面的属性，
    
    会报 `Uncaught TypeError: Cannot read properties of undefined` 异常错误。

![5d1833c7a48041ae9f7aa43de9c703f7.png][]

而在真实的项目中是会出现这种情况，有这个值就读这个值，没有这个值也不会报错。

可能有的小伙伴会说用**三目运算符**、或者if判断，但是这种也是可以的，但是在特定情况下会很复杂（如obj.data.person.name)

而?.则完美解决这个问题（obj?.name?.person?.name）。

![5297062e04cd424d9ab563599a3cfa33.png][]

**?. 可以无限链下去，不论有多少属性，只要有最后可以访问到属性，就会直接赋值最后的属性值。否则当任何一个链出现问题，立刻停止，而后赋值undefined。**

## 2、**`??（空值合并运算符）`** ##

?? 双问号后面是默认值（可常量、可变量）。

在 ?? 前面没有值得时候会默认 ?? 后边的值（类似于三木运算符中的:后面赋值）。

**和 || 运算符的区别：**

1.  || 只会在左边的值为假值时返回右边的值 (0, ‘’, undefined, null, false 等都为假值)
2.  ?? 是在左边的值为undefined或者null时才会返回右边的值

![bca8459974d14572b54f1197ae14e909.png][]

总结：**`??是判断有没有值，|| 是判断真假`**。

[5d1833c7a48041ae9f7aa43de9c703f7.png]: https://img-blog.csdnimg.cn/5d1833c7a48041ae9f7aa43de9c703f7.png
[5297062e04cd424d9ab563599a3cfa33.png]: https://img-blog.csdnimg.cn/5297062e04cd424d9ab563599a3cfa33.png
[bca8459974d14572b54f1197ae14e909.png]: https://img-blog.csdnimg.cn/bca8459974d14572b54f1197ae14e909.png

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关 linux中cp的具体用法和实例

在linux中，cp命令用于复制文件和目录。

绝地灬酷狼/ 2024年04月29日 11:16/ 0 赞/ 34 阅读

相关 vue 中slot 的具体用法

组件 <template> <div class="slotcontent"> <ul> ...

怼烎@/ 2024年04月17日 05:56/ 0 赞/ 23 阅读

相关 js中?.、??的具体用法

目录 1、?. （可选链运算符） 2、??（空值合并运算符） -------------------- 1、`?. （可选链运算符）` 在javascri

你的名字/ 2023年10月09日 16:12/ 0 赞/ 19 阅读

相关 std::accumulate的具体用法

文章目录 std :: accumulate 头文件原型参数返回值用例1

本是古典何须时尚/ 2022年11月03日 01:37/ 0 赞/ 141 阅读

相关 scp的具体用法

不同的Linux之间copy文件常用有3种方法：第一种就是ftp，也就是其中一台Linux安装ftp Server，这样可以在另外一台机器使用ftp的client程序来进行

深藏阁楼爱情的钟/ 2022年08月04日 14:51/ 0 赞/ 146 阅读

相关 js中getElementById()的用法

<!DOCTYPE html> <html> <head> <meta charset="UTF-8">

冷不防/ 2022年07月24日 06:19/ 0 赞/ 157 阅读

相关 js中this的用法

说到this，对于它的理解就是：this是指向函数执行时的当前对象，倘若没有明确的当前对象，它就是指向window的。 1.setTimeout(functtion

缺乏、安全感/ 2022年07月15日 07:43/ 0 赞/ 243 阅读

相关 js中with的用法

1. with(arg) \{ 2. statement 3. \} 4. // arg在执行参数体的时候js通过with将arg加入大括号

我就是我/ 2022年07月12日 15:24/ 0 赞/ 275 阅读

相关 JS中"&&"的其它用法

首先来了解一下 “&&”操作符的工作原理： “&&”连接两个表达式，当两侧表达式都为真时，返回TRUE。有一个为假则返回FALSE。那么实际运行时，JavaScript到

素颜马尾好姑娘i/ 2022年03月26日 04:40/ 0 赞/ 339 阅读

相关 js中prototype的用法

看例子就懂了例1 可以在外部使用prototype为自定义的类型添加属性和方法 <script type="text/javascript"> f

阳光穿透心脏的1/2处/ 2021年09月29日 10:34/ 0 赞/ 469 阅读