ES11 和 ES12 是 JavaScript 语言的两个新版本，它们都增加了一些新的特性和语法。这些变化不仅有利于开发者编写更加简洁、高效和易于维护的代码，而且也有助于提高 JavaScript 在未来更广阔的应用场景中的可用性和可扩展性。
在这篇文章中，我们将介绍一些最值得关注的 JavaScript 变化，以及它们的学习和指导意义，帮助你更好地理解和应用这些新的特性和语法。
1. 可选链
可选链是 ES11 中最值得关注的新特性之一。它允许开发者简单地访问嵌套对象或数组的属性或元素，而不必担心对象或数组不存在的情况下产生错误。例如：
----- ------ - - ----- -------- -------- - ----- --------- - -- ----------------------------------- -- --------- ------------------------------------- -- ---------
在上面的代码中，person?.address?.city 可以安全地访问 person 对象中是否存在 address 属性，以及 address 对象中是否存在 city 属性。如果这些属性不存在，代码将会返回 undefined，而不是出现错误。
这个新特性非常实用，可以帮助我们简化和减少一些繁琐的 null 检查代码，提高代码的可读性和可维护性。
2. BigInt
ES11 引入了第一类原生数据类型 BigInt，它可以表示任意大的整数。JavaScript 之前只能通过库或者手写实现以支持大整数，现在我们有了本地支持的 BigInt 数据类型。
示例代码：
----- - - ------------------------------- - --- --------------- -- -----------------
在这个示例中，使用 BigInt() 函数将 Number.MAX_SAFE_INTEGER 转换为一个 BigInt 数字，然后加上 1n。最后，我们可以看到这个 BigInt 数字确实超出了 Number.MAX_SAFE_INTEGER 的范围，但是仍可以正确处理。
BigInt 的引入可以帮助开发者更容易和方便地处理扩展或者跨平台的数值计算和表示，尤其是在传统整数类型已无法满足计算精度的情况下。
3. 数字分隔符
ES11 引入了一种新的语法规则，即允许我们在数字中使用下划线 _ 分隔符以提高数字的可读性，而不会影响数字的实际值。例如：
----- ------- - -------------- --------------------- -- ----------
这个新的语法规则可以帮助我们在编写长数字时提高可读性和可维护性，使得代码更加易于阅读和理解。
4. Promise 全局对象的 find() 和 match() 方法
ES12 是 JavaScript 中最新发布的版本，它引入了一些新的特性和语法，例如 Promise 全局对象的 find() 和 match() 方法。
这两个新方法和 Promise.prototype 上的方法类似，但是它们是 Promise 构造函数上的静态方法。它们能够在 Promise 对象上调用，并且帮助我们更容易地在 Promise 的集合或迭代操作中查找或匹配需要的 Promise 对象。
示例代码：
----- -------- - - ------------------- ------------------------ ------------------- -- ---------------------- -------- -- ------ --- -- --------------- -- --------------------- -------------- -- ---------------------- ----------------------- ------ --------------- -- --------------------- -------------- -- ----------------------
在上面的代码中，Promise.find() 方法用于查找 Promise 集合中返回值等于 2 的 Promise 对象，而 Promise.match() 方法用于查找 Promise 集合中返回值开头为 er 的 Promise 对象。
这个新特性可以帮助我们更加方便地操作 Promise 集合和数组，并且提供了更加灵活的 Promise 处理和集成方式。
结论
ES11 和 ES12 引入的新特性和语法增强了 JavaScript 的表现力和可用性。它们可以帮助我们更加方便和高效地编写代码，提高代码的可读性、可维护性和可扩展性，同时也为 JavaScript 在未来更广阔的应用场景中提供了更加有力的支持和基础。
在学习和应用这些新特性时，我们应该注意它们的适用性和兼容性，尽可能引入这些新特性以提高代码的表现力和效率。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/67123575ad1e889fe2035403