JS中?.、??、??=的含义以及用法

合集 - 前端问题记录(8)

1.字体随背景颜色改变2024-07-302.自定义协议URL protocal 在网页端打开本地应用程序2024-07-303.在https的页面中调用http的接口会报错的问题2024-07-304.手写签名组件-jSignature2024-07-305.基于vue的图片裁剪vue-cropper2024-07-306.鬼屎玩意 DataTabel 的一些配置详解2024-07-307.webpack代理问题排查2024-07-30

8.JS中?.、??、??=的含义以及用法2024-07-30

收起

可选链?.

//有这个值就
读这个值，没有这个值也不会报错
obj?.data?.person?.name

空值合并运算符??

//?? 前面出现null ,undefined值的时候会默认 ?? 后边的值（类似于三木运算符中的:后面赋值）
let obj = {age: 0, name: '', sex: null};
obj.age ?? '111'; // 0
obj.name ?? '111'; // ''
obj.sex ?? '111'; // 111
obj.addr ?? '111'; // 111

空值赋值运算符??=

//当??=左侧的值为null、undefined的时候，会将右侧的值赋值给左侧变量 (与??区别在于对原变量赋值)
let obj = {age: 0, name: '', sex: null, addr: undefined};
obj.age ??= '111';     // 0
obj.name ??= '111';     // ''
obj.sex ??= '111';     // 111
obj.addr ??= '111' ;     // 111