ES2020 新特性
一、使用 # 号快速创建类的私有变量
类的主要目的之一是把我们的代码复用到更多模块中去，但是我们又不希望把所有的属性和方法都暴露出来，现在，有了这个新特性，我们就可以很轻易的实现这个想法了，只需要在我们的私有属性或者方法前面加一个 # 号即可：
class Message {
#message = "Howdy"
greet() { console.log(this.#message) }
}
const greeting = new Message()
greeting.greet() // Howdy
console.log(greeting.#message) // Private name #message is not defined二、Promise.allSelected
当我们在使用多个 promise，尤其是这些 promise 有依赖关系时，打印每个 promise 的日志显得尤为重要，这可以帮助我们调试错误。有了 Promise.allSelected，我们可以创建一个新的 promise，这个 promise 会在包含的所有 promise 都执行完之后才返回，这将使我们能够访问一个数组，其中包含每个 promise 的返回值
const p1 = new Promise((res, rej) => setTimeout(res, 1000));
const p2 = new Promise((res, rej) => setTimeout(rej, 1000));
Promise.allSettled([p1, p2]).then(data => console.log(data));
// [
// Object { status: "fulfilled", value: undefined},
// Object { status: "rejected", reason: undefined}
// ]三、空位合并运算符 ??
由于 JavaScript 的类型时动态的，在分配变量时，我们不得不去记住哪些值会被判断为真，哪些会被判断为假。当我们在创建一个对象时，通常会初始化属性为假的值，比如一个空字符串 或者是 0。设置默认值就会变得很烦人，因为它会覆盖有效值，看下如下 demo，你就会发现这么处理真的很烦人：
let person = {
profile: {
name: "",
age: 0
}
};
console.log(person.profile.name || "Anonymous"); // Anonymous
console.log(person.profile.age || 18); // 18上述例子中，可能结果并不是我们想要的，我们想名字为空或者 0 岁也是合理的，应该不被代替，我们可以用 ?? 运算符替换掉 || 运算符，因为 ?? 运算符的类型检测会更严格一点，它只会把 null 和 undefined 判断为 false。
console.log(person.profile.name ?? "Anonymous"); // ""
console.log(person.profile.age ?? 18); // 0四、可选链接运算符
与空位合并运算符类似，JavaScript 在处理虚假值时，可能无法按照我们的意愿进行操作。当属性值未定义时，我们可以返回一个默认值，但是如果属性的路径未被定义呢？
答案是，可以通过在点符号前添加问号，我们可以将属性路径的任何部分设置为可选，以便操作。
let person = {};
console.log(person.profile.name ?? "Anonymous"); // person.profile is undefined
console.log(person?.profile?.name ?? "Anonymous"); // Anonymous
console.log(person?.profile?.age ?? 18); // 18五、BigInt
通常，我们不会深入技术细节，但是由于 JavaScript 处理数字的方式，当你把研究的更加深入时，事情就会变得有点不靠谱。 Javascript 可以处理的最大数字是2 ^ 53，我们可以用 MAX safe integer 看到。
const max = Number.MAX_SAFE_INTEGER;
console.log(max); // 9007199254740991如果超过这个数字，就会变得有点奇怪
console.log(max + 1); // 9007199254740992
console.log(max + 2); // 9007199254740992
console.log(max + 3); // 9007199254740994
console.log(Math.pow(2, 53) == Math.pow(2, 53) + 1); // true我们可以使用新的数据类型 BigInt 来处理上述问题。只需在数字后面加个符号 n，我们就可以疯狂的使用大的数值了。我们不能用 BigInt 数字混淆标准数字，所以一般在数学计算时使用 BigInt 类型。
const bigNum = 100000000000000000000000000000n;
console.log(bigNum * 2n); // 200000000000000000000000000000n六、使用 async/awat 动态导入模块
如果我们有很多的功能函数，有些是很少用的，那么一起导入会使资源浪费，现在我们可以使用 async/await 来动态导入这些依赖了，但是这个方法仅适用于 node.js 环境。
// math.js
const add = (num1, num2) => num1 + num2;
export { add };const doMath = async (num1, num2) => {
if (num1 && num2) {
const math = await import('./math.js');
console.log(math.add(5, 10));
};
};
doMath(4, 2);