js 逻辑空分配双问号语法、双竖杠语法与可选链语法

可选链的语法允许开发者访问嵌套得更深的对象属性，而不用担心属性是否真的存在。也就是说，如果可选链在挖掘过程遇到了null或undefined的值，就会通过短路（short-circuit）计算，返回undefined，而不会报错。

逻辑空分配运算符仅在空值或未定义（null or undefined）时才将值分配给 a

双问号：当前面的值为 null 、undefined 时，就返回后面的值，否则取前面的值

user.userinfo.age ?? 0

双竖杠：只要前面的值转为布尔值为false时，就取后面的值（如：undefined、null、false、空字符串、数值0）

思考：双问号更适合在不知道变量是否定义或者是否赋值时的场景使用

?.可选链: 如果要表示

let test = {value: {a: '1222'}
}

如果要实现 test 存在时，返回 test.value，否则返回 undefined
则需要这样写：
let myvalue = test ? test. value : undefined

如果用可选链语法，则可以简写为：
let myvalue = test ?. value

如果要返回 test.value.a ，则可以简写为：
let a = test ?.value?.a || 10 //如果test.value.a不存在的话 (为null或undefined) ，则返回10固定值

参考：

认识可选链和双问号语法_前端发现的博客-CSDN博客

vue项目支持js新语法可选链“?.“以及逻辑空分配（双问号）“??“_鸽子.Luna的博客-CSDN博客_vue 双问号

js 逻辑空分配双问号语法、双竖杠语法与可选链语法相关推荐

js中，双问号??和双竖杠||的区别
它们的共同特点是语法一样,前面是值,后面也是值,中间是符号: 都是根据前面的值来决定到底取前面还是取后面. 双竖杠|| : 前面的值转为布尔值为 false 时,就取后面,否则取前面如undefi ...
js中双问号??和双竖杠||的区别
双竖杠||,将前面的值自动转为布尔值并且为false时,就取后面,否则取前面,如undefined.null.false.空字符串和数值0 例:console.log(0||33)打印出33 而双问号 ...
C#中双问号、双冒号等几个特殊关键字
@:放在字符串的前面,直接让字符串原样输出.常用于:sql语句.路径等 string sql = @"select * from tablename where id = '1'" ...
双问号??在 js 中的应用
1.什么是双问号双问号是ES2020 的一个新特性,它的作用是,当一个表达式为 null 或 undefined 的时候为变量设置一个默认值. ECMAScript® 2020 Language S ...
php 双问号语法,JS 新语法「可选链」「双问号」已进入 Stage 3
你可能写过这样的代码 var street = user.address && user.address.street; 复制代码有了这个新语法,你可以写成 var street = ...
js 问号点操作符 (可选链双问号)
配置使用可选链?. 和双问号?? 语法一.什么是可选链 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Oper ...
【JS】问号点（?.）和双问号（??）的用法
1. 问号点(?.) 当访问多层对象属性(比如 res.data.list)时,如果属性res.data为空,则会报引用错误,为此我们不得不这么处理: let dataList = res & ...
vue 双问号语法编译报错
如上图,使用了??语法,编译报错,遇到三次,总是忘记解决方案,做个记录,供参考解决方案: 首先,升级babel到7.0以上,升级操作如下: npm install babel-upgrade -g ...
【JS】问号点和双问号的用法
1. 问号点(?.) 当访问多层对象属性(比如 res.data.list)时,如果属性res.data为空,则会报引用错误,为此我们不得不这么处理: 1 let dataList = res ...

js 逻辑空分配双问号语法、双竖杠语法与可选链语法

js 逻辑空分配双问号语法、双竖杠语法与可选链语法相关推荐

最新文章

热门文章

js 逻辑空分配双问号语法 、双竖杠语法 与 可选链语法

js 逻辑空分配双问号语法 、双竖杠语法 与 可选链语法相关推荐

最新文章

热门文章

js 逻辑空分配双问号语法、双竖杠语法与可选链语法

js 逻辑空分配双问号语法、双竖杠语法与可选链语法相关推荐