ECMAScript 2020 是 JavaScript 语言的最新版本，它引入了一些新的特性和方法，其中一个值得关注的是 Array.prototype.at() 方法。这个方法可以让我们更方便地访问数组中的元素，本文将对该方法进行详细介绍，并提供示例代码。
Array.prototype.at() 方法的作用
在 JavaScript 中，我们可以通过数组下标的方式来访问数组中的元素，例如：
const arr = ['a', 'b', 'c']; console.log(arr[0]); // 输出：a
但是，如果我们要访问一个不存在的下标，会怎么样呢？
const arr = ['a', 'b', 'c']; console.log(arr[3]); // 输出：undefined
这时候，我们只能得到 undefined，无法区分这个下标是否真的存在于数组中。而 Array.prototype.at() 方法则可以很好地解决这个问题。
Array.prototype.at() 方法接受一个整数参数 n，返回数组中第 n 个元素的值。如果 n 为负数，则从数组的末尾开始计数，例如：
const arr = ['a', 'b', 'c']; console.log(arr.at(0)); // 输出：a console.log(arr.at(-1)); // 输出：c
如果 n 超出了数组的范围，Array.prototype.at() 方法会返回 undefined，但它会检查 n 是否为整数，如果不是整数则会抛出 TypeError 错误。
const arr = ['a', 'b', 'c']; console.log(arr.at(3)); // 输出：undefined console.log(arr.at(1.5)); // 抛出 TypeError 错误
Array.prototype.at() 方法的优势
使用 Array.prototype.at() 方法，可以避免数组下标越界的问题，同时也可以让代码更易读。例如，我们可以用 Array.prototype.at() 方法来实现一个函数，返回数组中的最后一个元素：
function lastElement(array) {
return array.at(-1);
}
const arr = ['a', 'b', 'c'];
console.log(lastElement(arr)); // 输出：c这个函数的实现非常简单，而且代码的意图也很明显。
Array.prototype.at() 方法的兼容性
目前，Array.prototype.at() 方法还没有得到广泛支持，只有部分浏览器和 Node.js 支持。你可以在 Can I Use 网站上查看该方法的兼容性情况。
如果你需要在不支持 Array.prototype.at() 方法的环境中使用它，可以用以下代码实现：
-- -------------------- ---- -------
-- --------------------- -
------------------ - --------------- -
----- ------ - ------------
----- - - ----------------
-- -- -- -- -
------ --------
-
------ ----------- - ---
-
-这段代码会判断当前环境是否支持 Array.prototype.at() 方法，如果不支持则会定义该方法并实现相同的功能。
总结
Array.prototype.at() 方法是 ECMAScript 2020 中引入的一个新方法，它可以更方便地访问数组中的元素，避免了数组下标越界的问题，同时也使代码更易读。但是，由于它的兼容性问题，我们需要在使用时进行判断和兼容处理。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/660e76f5d10417a222efd8b6