JS双问号（??）和问号点（?.）的用法

痛定思痛。 2023-10-14 13:17 8阅读 0赞

## 1.双问号（??） ##

*value1 ?? value2*

??在value1和value2之间取值，只有当value1为null或者undefined时取value2，否则取value1（0,false,""被认为是有意义的，所以还是取value1）

const obj = {}
    console.log(obj.c ?? 'd') // 'd'
    console.log(1 ?? "xx")			// 1
    console.log(0 ?? "xx") 			// 0
    console.log(null ?? "xx") 		// xx
    console.log(undefined ?? "xx")  //xx
    console.log(-1 ?? "xx") 		// -1
    console.log("" ?? "xx") 		// ''

## 2.问号点（?.） ##

当访问多层对象属性(比如 res.data.list)时，如果属性res.data为空，则会报引用错误，为此我们不得不这么处理：

*let dataList = res && res.data && res.data.list*

看着非常不美观，今天介绍的新语法就是为了解决这种问题的 (可选链操作符?.)

有了可选链，就可以对一个为null或者undefined属性安全引用：

*let dataList = res?.data?.list*

作用就是判断这个对象（this.element）下的（businessObject）下的（value）下的（length）是否为null或者undefined，当其中一链为null或者undefined时就返回undefined，这样即使中间缺少一个属性也不会报错，双问号后面接的就是默认值。

### **示例****1****：** ###

var obj ={}
    console.log(obj ?. a ?. b)	// undefined
    console.log(obj ?. a ?. b ?? 88 ) // 88
    console.log(obj)	// Object {}
    console.log(obj.a)	// undefined
    console.log(obj.a.b)	// 报错

### **示例****2****：** ###

var obj={a:{b:1}}
    console.log(obj.a.b) // 1
    console.log(obj ?. a ?. b ?? 66)	// 1
    console.log(obj ?. a ?. c ?? 66) // 66
    console.log(obj)	// {a:{b:1}}
    console.log(obj.a)	// {b:1}

发表评论取消回复

表情：

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

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

相关阅读

相关 ES新提案：双问号操作符

*摘要：** 简单实用的新特性。 * 原文：[ES新提案：双问号操作符][ES] * 译者：前端小智本文主要讲**Gabriel Isenberg**撰写的...

柔情只为你懂/ 2024年04月17日 16:03/ 0 赞/ 54 阅读

相关 JS双问号（??）和问号点（?.）的用法

1.双问号（??） value1 ?? value2 ??在value1和value2之间取值，只有当value1为null或者undefined时取value2，否则

痛定思痛。/ 2023年10月14日 13:17/ 0 赞/ 9 阅读

相关 nginxrewrite问号处理

nginx rewrite问题，求解，这个nginx的重定向问题哦，可以看看wo 的网名吗？放心，这个问题一定能解决的！！！！ ![nginxrewrite问号

绝地灬酷狼/ 2023年10月11日 18:54/ 0 赞/ 2 阅读

相关 Java中的问号与冒号？：表达式

一、简单使用 package com.test.boke; public class TestJava { public static

绝地灬酷狼/ 2023年07月13日 10:41/ 0 赞/ 12 阅读

相关 php 参数问号_php获取不到url问号之后的参数

C&num; 用SoapUI调试WCF服务接口(WCF中包含用户名密码的验证) 问题描述: 一般调试wcf程序可以直接建一个单元测试,直接调接口. 但是,这次,我还要测试在接

小咪咪/ 2022年11月12日 04:28/ 0 赞/ 183 阅读

相关双问号操作符和可选链操作符

双问号操作符（`??`），也被称作空值合并运算符，当左侧的操作数为 `null` 或者 `undefined` 时，返回其右侧操作数，否则返回左侧操作数 const foo

Dear 丶/ 2022年09月16日 01:27/ 0 赞/ 142 阅读

相关 jeecg 出现问号后解决方法

update t\_s\_muti\_lang set lang\_context = '' where lang\_key='common.notfind.langkey'

清疚/ 2022年08月07日 12:40/ 0 赞/ 209 阅读

相关 PLSQL中文显示乱码（问号）

1、输入 select \ from V$NLS\_PARAMETERS 查看第一行value值是否为简体中文 simplified chinese 实际显示为：A

川长思鸟来/ 2022年05月25日 02:55/ 0 赞/ 324 阅读

相关 c#的问号符的用法

1. 可空类型修饰符（？）：引用类型可以使用空引用表示一个不存在的值，而值类型通常不能表示为空。例如：string str=null; 是正确的，i

曾经终败给现在/ 2022年04月12日 07:23/ 0 赞/ 131 阅读

相关 freemark判断传过来的值为空和不为空及问号、感叹号用法

<if isAudit! == ''>//若isAudit为null和"" 均执行如下传过来的isAuit为空 </if>

清疚/ 2021年09月27日 15:10/ 0 赞/ 1363 阅读