TypeScript 4.0 &&= ||= ??=

最近项目升级,typescript从3.9.5 升级到了4.1.5,所以去看了下ts的更新文档.看到了这个之前用过的写法更新了,所以记录下.

之前的写法是

a = a && b 
a = a || b
a = a ?? b

这三个写法的意思就是

if(a){
	a = b;
}

if(!a){
	a = b;
}

if( a == undefined || a == null ){
	a = b;
}

现在这个写法更新了,类似于 += 或者-=的写法

a &&= b;
a ||= b;
a ??= b;

这种修改只是针对都是对相同变量修改，像 c = a ?? b 这种就不能使用这种写法简写。

单独解释的话

• a && b： 判断if(a)， 判定成功的话返回b，否则返回a.
• a || b: 判断 if(!a),判定成功的话返回b,否则返回a
• a ?? b： 判断a是否为undefined 或者null，判定成功的话返回b，否则返回a

|| 与 ??有个区别就是 对boolean 或者 0 的判断， ?? 只会判断变量是否是undefined 或者null. ||则会判断boolean类型.
||与&&判断条件是相反的，一般判空使用 ?? 因为使用||的话 像0或者false这种值也会被判定，而使用??则不会。