JS小技巧

阅读次数

新增语法

双问号操作符（??），也被称作空值合并运算符，当左侧的操作数为 null 或者 undefined 时，返回其右侧操作数，否则返回左侧操作数。
这里简单看一下用法：

1 2	const foo = null ?? default string ; console.log(foo); // "default string"

可能有人会问 ?? 和 || 有什么区别呢？

?? 的左侧只判断两种情况：null 和 undefined，而 || 的左侧只要是假值（包括和 0）都会返回右侧的值。Show the Code 就完事儿了：

1
2
3

const number = 0;
console.log(number || 100); // 100
console.log(number ?? 100); // 0

可选链操作符（?.）允许读取位于对象的深处的属性的值，而不用担心其中的每个引用是否有效。

const a = {
  b: {
    c:  hello world 
  }
};

console.log(a?.b?.c); // hello world

BigInt 是一个基本数据类型，提供了一个大于 253 - 1 的整数，可以表示任意大的整数。