vue2.0 使用可选链操作符

一、介绍ES6中js的常用运算符
ES6中js的运算符（?.、?:、? ?、? ?=、），讲的很详细

1、空值合并操作符（ ?? ）

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

const valA = null ?? "默认值"; //默认值
1
空值合并操作符（ ?? ）与逻辑或操作符（ || ）不同，逻辑或操作符会在左侧操作数为假值时返回右侧操作数。

2、可选链操作符( ?. )

引用为空(nullish ) (null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值是 undefined

a?.b
// 等同于
a == null ? undefined : a.b
a?.[x]
// 等同于
a == null ? undefined : a[x]
a?.b()
// 等同于
a == null ? undefined : a.b()
a?.()
// 等同于
a == null ? undefined : a()
3、??= 空赋值运算符
逻辑空赋值运算符 (x ??= y) 仅在 x 是 null 或 undefined 时对其赋值。

let a = 0;
a ??= 1;
console.log(a); // 0
 
let b = null;
b ??= 1;
console.log(b); // 1
4、?:三目运算符
件 ? 条件为真时要执行的表达式 : 条件为假时要执行的表达式。