js中??和?.操作符
1.空值合并操作符(??)
空值合并操作符(??)是⼀个逻辑操作符,
当左侧的操作数为 null 或者 undefined 时,返回其右侧操作数,否则返回左侧操作数。
例:
const nullValue = null;
const emptyText = “”; // 空字符串,是⼀个假值,Boolean("") === false
const someNumber = 42;
const valA = nullValue ?? “valA 的默认值”;
const valB = emptyText ?? “valB 的默认值”;
const valC = someNumber ?? 0;
console.log(valA); // “valA 的默认值”
console.log(valB); // “”(空字符串虽然是假值,但不是 null 或者 undefined)
console.log(valC); // 42
2.可选链操作符( ?. )
可选链操作符( ?. )允许读取位于连接对象链深处的属性的值,⽽不必明确验证链中的每个引⽤是否有效。?. 操作符的功能类似于 . 链式操作符,不同之处在于,在引⽤为空(null 或者 undefined) 的情况下不会引起错误,该表达式短路返回值
例:
obj = {
name:‘⼩伟’,
age:‘18’
}
let getGender = obj?.gender
console.log(getGebder) // undefined
在⼀个不含 gender成员的 obj 中查属性,因此结果是 undefined,所以赋值也不会执⾏,由此我们在项⽬中可以给genGender ⼀个初始值配合使⽤?.操作符
此外空值合并操作符也可以在使⽤可选链时设置⼀个默认值,如下:
let customer = {
name: “Carl”,
details: { age: 82 }
原生js和js的区别};
let customerCity = customer?.city ?? “暗之城”;
console.log(customerCity); // “暗之城”
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论