JavaScript操作符

在这里插入图片描述

1. ?? 操作符

在JavaScript中,??运算符被称为nullish coalescing运算符(零合并操作符)。如果第一个参数不是null/undefined,这个运算符将返回第一个参数,否则,它将返回第二个参数。

null ?? 5  // => 5
3 ?? 5  // => 3

2. ??=操作符
??=又被称为逻辑空值赋值运算符
这个赋值操作符只有在当前值为空或未定义的情况下才会赋一个新的值。

var x  = null
var y  = 5
console.log( x  ??= y )   // => 5
console.log( x  = ( x  ?? y ))    // => 5

3. ?. 操作符

可选的链式操作符?. 允许开发人员读取深嵌在对象链中的属性值,而不必显式验证每个引用。当一个引用为空时,表达式停止计算并返回一个未定义的值。

var travelPlans = {
  destination:'DC',
  monday: {
    location: 'National Mall',
    budget: 200
  }
};
const tuesdayPlans = travelPlans.tuesday ?. location;
console.log( tuesdayPlans )   // => undefined

4. ? 操作符

三元运算符 ? : 需要三个操作数,一个条件为真时要执行的表达式,以及一个条件为假时要执行的表达式。这个应该是最熟悉的了

function checkCharge( charge ) {
     return ( charge  > 0 ) ? 'Ready for use' : 'Needs to charge'
}
console.log( checkCharge( 20 ) )  // => 'Ready for use'
console.log( checkCharge( 0 ) )  // => 'Needs to charge'

三元运算符也可以用于变量赋值

var budget = 0
var transportion = ( budget  > 0 ) ? 'Train' : 'Walking'
console.log( transportion )   // => 'Walking'

我们甚至可以用它来复制nullish赋值的行为。

var x = 6
var x = ( x  !== null || x  !== undefined ) ? x  : 3
console.log( x )   // => 6
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值