1.空值合并操作符(??):
只有左边是 null / undefined 的时候才会返回右边的值
const number = null ?? 12;
console.log(number); // 12
const str= undefined ?? '测试'
console.log(str); // 测试
const number1 = 0 ?? 12;
console.log(number1); // 0
const number1 = '' ?? 12;
console.log(number1); // 12
2.可选链操作符:
在引用为空 null / undefined 的情况下不会引起错误,该表达式短路返回值是 undefined
与函数调用一起使用时,如果给定的函数不存在,则返回 undefined。
const obj = {
label: '测试',
person: {
name: '张三'
}
}
console.log(obj.person.age) // 会报错
// 一般写法
let age = obj.person && obj.person.age;
//使用操作符写法
let age = obj.person?.age // person下有age属性,不会报错,会抛出undefined
3.空值赋值操作符
只有当 ??= 左侧的值为 null / undefined 的时候,才会将右侧变量的值赋值给左侧变量,其他所有值都不会进行赋值。
let a = null;
let b = undefined;
let c = 100;
let d = 200;
let e = '';
console.log(a ??= c); // 100
console.log(b ??= d); // 200
console.log(e ??= c); // ''