你需要了解的 8 个令人兴奋的 JavaScript 新概念

作为开发者，紧跟 JavaScript 的最新进展对于编写高效、现代且可扩展的代码至关重要。在本文中，我们将探讨 8 个全新且令人兴奋的 JavaScript 概念，你应该了解这些概念，以将你的编程技能提升到一个新的水平。

请订阅我的YouTube 频道以支持我的频道并获取更多 Web 开发教程。

1.可选链式调用（？。）

ECMAScript 2020 中引入了可选链，它允许您读取位于连接对象链深处的属性的值，而不必检查链中的每个引用是否有效。

let name = person?.address?.street?.name;

2. 空值合并（??）

ECMAScript 2020 中还引入了空值合并运算符，如果第一个操作数不为空或未定义，则返回第一个操作数，否则返回第二个操作数。

let name = person?.name?? 'Unknown';

3. BigInt

BigInt 是 JavaScript 中的一种新的数字原语，用于表示任意精度的整数，从而允许对大整数进行精确计算。

const x = 12345678901234567890n;

4. globalThis

新的全局对象 globalThis 提供了一种以与现代 JavaScript 环境兼容的方式访问全局对象的方法。

console.log(globalThis === window); // true in a browser

5. matchAll()

String 原型上的新方法 matchAll() 返回一个迭代器，该迭代器产生与字符串匹配的正则表达式，包括捕获组。

const regex = /(\w)(\d)/g;
const str = 'a1b2c3';
for (const match of str.matchAll(regex)) {
  console.log(match);
}

6. Promise.allSettled()

Promise API 上的新方法 allSettled() 返回一个承诺，当数组中的所有承诺都被解决或拒绝时，该承诺即被解决。

const promises = [Promise.resolve('a'), Promise.reject('b'), Promise.resolve('c')];
Promise.allSettled(promises).then((results) => console.log(results));

7. String.prototype.at()

String 原型上的新方法 at() 返回指定索引处的字符，允许负索引从字符串末尾访问字符。

const str = 'hello';
console.log(str.at(0)); // 'h'
console.log(str.at(-1)); // 'o'

8. 错误原因

Error 对象上有一个新属性，cause 允许您指定错误的根本原因。

try {
  throw new Error('Error occurred', { cause: new Error('Underlying cause') });
} catch (error) {
  console.log(error.cause);
}

开始你的 JavaScript 之旅

如果您是 JavaScript 新手或想要复习一下，请访问我的 BuyMeACoffee 博客来了解基础知识。

👉 JavaScript 简介：编程的第一步

支持我的工作

如果您喜欢我的内容并想支持我的工作，不妨请我喝杯咖啡！您的支持将帮助我继续为开发者社区创作有价值的内容。

欢迎在下方留言评论或提问。如果您觉得本指南有用，请分享给您的同伴，并关注我获取更多 Web 开发教程。祝您编程愉快！

系列索引

关注并订阅：

• 网站：Dipak Ahirav
• 电子邮件: dipaksahirav@gmail.com
• Instagram：devdivewithdipak
• YouTube：与 Dipak 一起进行 devDive
• LinkedIn : Dipak Ahirav