ES2019：Javascript语言未来发展的新篇章

2024-01-12 20:23:13

1. 数组的扁平化：Array.prototype.flat()

在ES2019中，Array.prototype.flat()方法被引入，它允许您将多维数组扁平化为一维数组。这极大地简化了多维数组的处理，并提供了更简洁的代码。

const arr = [1, [2, [3, 4], 5], 6];
console.log(arr.flat()); // [1, 2, 3, 4, 5, 6]

2. 异常处理的统一：Promise.prototype.finally()

在ES2019中，Promise.prototype.finally()方法被引入，它允许您在Promise无论成功或失败后都执行一个回调函数。这简化了异常处理，并使代码更加易读和易维护。

const promise = new Promise((resolve, reject) => {
  setTimeout(() => {
    resolve("Hello, World!");
  }, 2000);
});

promise
  .then((result) => {
    console.log(result); // "Hello, World!"
  })
  .catch((error) => {
    console.log(error);
  })
  .finally(() => {
    console.log("Promise settled");
  });

3. 引入BigInt类型：提升数字精度

ES2019引入了BigInt类型，它允许您处理更大的整数。这对于处理金融计算、加密和科学计算等领域的数据非常有用。

const bigInt = 9007199254740991n;
console.log(bigInt); // 9007199254740991

4. 字符串处理的新利器：String.prototype.trimStart()和String.prototype.trimEnd()

ES2019中添加了两个新的字符串方法：String.prototype.trimStart()和String.prototype.trimEnd()。它们允许您分别从字符串的开头和结尾删除空白字符。这对于处理用户输入或从文件中读取的数据非常有用。

const str = "    Hello, World!    ";
console.log(str.trimStart()); // "Hello, World!    "
console.log(str.trimEnd()); // "    Hello, World!"

5. 对象的展开运算符：...

在ES2019中，对象展开运算符（...）被引入，它允许您将一个对象展开为另一个对象。这对于合并对象或创建新的对象非常有用。

const obj1 = { name: "John", age: 30 };
const obj2 = { city: "New York", country: "USA" };

const mergedObj = { ...obj1, ...obj2 };
console.log(mergedObj); 
// { name: 'John', age: 30, city: 'New York', country: 'USA' }

6. 可选链式调用：?.运算符

ES2019中引入了可选链式调用运算符（?.），它允许您安全地访问对象的属性或调用对象的函数，即使该属性或函数不存在也不会报错。这使得代码更加简洁和易读。

const user = {
  name: "John",
  age: 30,
  address: {
    city: "New York",
  },
};

console.log(user?.address?.street); // undefined (no street property)